@charset "UTF-8";
/**
 * 
 * @authors Richie
 * @date    2017-06-14 10:39:39
 * @version 1.0.0
 */
@redColor: rgb(70, 146, 242);
@mainColor: #2bc697;

.withdraw{
	.remainBox{ 
	  display: flex;
	  display: -webkit-flex;
	  justify-content: center;
	  -webkit-justify-content: center;
	  padding: 1rem;
	  background-color: #fff;
	  	.remainInfo{ 
		  display: flex;
		  display: -webkit-flex;
		  flex-direction: column;
		  -webkit-flex-direction: column;
		  text-align: center;
		  .logo{
			  text-align: center;
			  margin: 2rem auto;
			  font-size: 4rem;
			}
		}
	}
	.withdrawInfoBox{
	  	display: block;
	  	padding: 0.75rem 0.5rem;
	    .verifyBox{
		  display: flex;
		  display: -webkit-flex;
		  align-items: center;
		  -webkit-align-items: center;
		  justify-content: space-between;
		  -webkit-justify-content: space-between;
		  margin-top: 0.75rem;
		  background-color: #F2F2F2;
		    .verifyItem{
			  display: flex;
			  display: -webkit-flex;
			  align-items: center;
			  -webkit-align-items: center;
			  background-color: rgb(242, 242, 242);
			  height: 2rem;
			  line-height: 2rem;
			  padding-left: 0.5rem;
			  flex: 1;
			  -webkit-flex: 1;
			  	&.hasidentify .itemValue{
				  width: 100%;
				}
				.tip{
				  width: 3rem;
				}
			}
			.identifyBox {
			  padding-left: 2.4%;
			  background-color: #fff;
			  .identifyBtn {
				  display: block;
				  height: 2rem;
				  line-height: 2rem;
				  padding: 0 0.5rem;
				  background-color: @redColor;
				  text-align: center;
				  color: #fff;
				}
			}
			.itemValue{
			  flex: 1;
			  -webkit-flex: 1;
			  padding: 0 0 0 0.5rem;
			  height: 2rem;
			  line-height: 2rem;
			  border: none;
			  outline: none;
			  background-color: #F2F2F2;
			}
		}
		.withdrawInfo{
		  padding: 0.5rem 1.25rem 0.25rem;
		  	.withdrawNum{
			  display: flex;
			  display: -webkit-flex;
			  align-items: center;
			  -webkit-align-items: center;
			  padding-top: 1rem;
			  padding-bottom: 1rem;
			  margin-bottom: 0.25rem;
			  border-bottom: 1px solid #ddd;
			  	input{
				  flex: auto;
				  -webkit-flex: auto;
				  padding-left: 0.25rem;
				}
			}
		}
		.withdrawRule{
		  display: flex;
		  display: -webkit-flex;
		  align-items: center;
		  -webkit-align-items: center;
		  	.ruleTipIcon{
			 color: @redColor; border-bottom: 1px solid @redColor;
			}
		}
		.withdrawBtn{ display: block; text-align: center; font-size: 0.7rem; color:#fff; background: @redColor; height: 2rem; line-height: 2rem; border-radius: 0;
			&.disabled{
			  background:#ffd0d0;
			  	&::after{
				  border: none;
				}
			}
		}
		.arriveTime{
		  padding-top: 0.75rem;
		  display: block;
		  text-align: center;
		  color: #999;
		  font-size: 0.45rem;
		}
	}
}

/* 招生 */
.recruitTip {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  line-height: 1.5;
  background-color: #EEEEEE;
   .text {
	  color: #101010;
	  flex: 1;
	  -webkit-flex: 1;
	}
	.more {
	  position: relative;
	  padding-left: 0.5rem;
	  padding-right: 0.5rem;
	  color: #929292;
	  line-height: 1.5;
	  border-left: 1px solid #ccc;
	  .num { position: absolute; top: -0.3rem; left: 50%; content: ''; display: block; transform: translateX(0.4rem); -webkit-transform: translateX(0.4rem); border-radius: 50%; background-color: #ff0000; min-width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #fff; font-style: normal; font-size: 0.45rem;
		}
	}
}

.menuBox{
	.menuList{
	  display: flex;
	  display: -webkit-flex;
	  justify-content: space-between;
	  -webkit-justify-content: space-between;
	  flex-wrap: wrap;
	  -webkit-flex-wrap: wrap;
	  font-size: 0.75rem;
	  color: #fff;
	  	.menuItem{
		  display: flex;
		  display: -webkit-flex;
		  justify-content: space-between;
		  -webkit-justify-content: space-between;
		  align-items: center;
		  -webkit-align-items: center;
		  width: 50%;
		  padding: 0.5rem;
		  box-sizing: border-box;
		  border-right: 1px solid rgb(228, 228, 228);
		  border-bottom: 1px solid rgb(228, 228, 228);
		  	&:nth-of-type(1) .itemName{
			  color: rgb(255, 131, 65);
			}
			&:nth-of-type(2) .itemName{
			  color: rgb(0, 154, 247);
			}
			&:nth-of-type(3) .itemName{
			  color: rgb(255, 188, 83);
			}
			&:nth-of-type(4) .itemName{
			  color: rgb(252, 76, 91);
			}
			.photo{
			  width: 3rem;
			  height: 3rem;
			  border-radius: 50%;
			  overflow: hidden;
			  text-align: center;
			}
		}
	}
}

.attendanceRecord{
	.tabs{ background-color: #fff; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around;
		select{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; opacity: 0; padding: 0 0.5rem; color: #909090; text-align: center; border: none;
			&+select{ border-left: 1px solid #909090;}
		}
		span{ position: relative; flex:1; -webkit-flex:1; margin: 0.5rem; color: #909090; text-align: center; padding-right: 0.5rem;
			&+:before{ content: ''; position: absolute; top: 0.2rem; left: -0.5rem; width: 0; height: 1rem; /* border-left: 1px solid #909090; */}
			&:after{ content: ''; position: absolute; top: 30%; margin-left: 0.2rem; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;}
			&.on{ color: @mainColor;
				&:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;}
			}
		}
	}
}	

.teacherLists{
	.teacherList{ position: relative; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; background-color: #fff; padding: 0.5rem 2.4%; line-height: 1.5;
		.intro{ flex: 1; -webkit-flex: 1; margin-left: 0.8rem; overflow: hidden; }
		.phone{ 
			&:after{ position: absolute; right: 3.75%; top: 50%; content: ''; display: inline-block; width: 1rem; height: 1rem; background: url(../images/phone.png) no-repeat; background-size: cover; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
		}
		.addr{ display: block; padding-right: 1.2rem;
			&:after{ content: ''; position: absolute; top: 50%; right: 3.75%; width: 1rem; height: 1rem; background: url(../images/posIcon.png) no-repeat; background-size: cover; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
		}
		.arrow{ position: relative; padding-right: 1rem; text-align: right;
			&:after{ content: ''; position: absolute; top: 45%; right: 3.75%; width: 0.5rem; height: 0.5rem; border-top: 1px solid #909090; border-right: 1px solid #909090; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
	&:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);/*  left: 2.4%; */}
	}
}

/* 附件下载 */
.downloadContract{ 
    .downloadTit{ position: relative; display: block; padding: 0.5rem 4% ; line-height: 1.8; color: #333; background-color: #fff; font-size: 0.65rem;
    }
    .downloadPanel{ background-color: #fff;
        .downloadList{ position: relative;
            .downloadItem{  position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 0.8rem 4%;
                .itemType{ width: 1.625rem; height: 2rem; margin-right: 0.7rem;}
                .itemCont{ flex: 1; -webkit-flex: 1;
                    .fileName{ display: block; color: #333;}
                    .fileSize{ display: block; color: #999; font-size: 0.65rem;}
                }
                .itemBtn{ margin-left: 0.5rem; background: transparent; border: none; outline: none; color: #333333;
                    .downloadBtn{ position: relative; display: block; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; box-sizing: border-box; font-size: 0.7rem; text-align: center; text-decoration: none; color: #fff; line-height: 1.8; border-radius: 5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; background-color: @redColor;
                        &:active { background-color: rgba(0, 196, 81, 0.6);}
                    }
                }
                &+.downloadItem:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 0; right: 0;}
            }
            
        }
    } 
}

/* 首页 */
.search-collapsible{ background-color: rgba(255,255,255,.8); overflow: hidden;
	.searchWhite{ margin: 0.5rem 0 0.5rem 0.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.6rem; color: #fff; background-color: #fff; border-radius: 5px; width: 80%;border-radius: 25px;
		.search-btn{ display: block; padding: 0.24rem; width: 1.02rem; height: 1.02rem; background: url(../images/search.png) no-repeat; background-size: 60%; background-position: 50%;}
		.search-txt{ float: left; height: 1.4rem; width: 70%; color: #606060; background-color: transparent; border: none; outline: none; line-height: normal; padding: 0;
			&::-webkit-input-placeholder{ color: #606060;}
		}
	}
	.searchGray{ margin: 0.3rem 2.8rem 0.3rem 0.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.6rem; color: #fff; background-color: rgba(204,204,204,0.35); border-radius: 5px; border-radius: 25px;
		.search-btn{ display: block; margin: 0.24rem; width: 1rem; height: 1rem; background: url(../images/search_2.png) no-repeat; background-size: cover;}
		.search-txt{ float: left; height: 1.4rem; width: 75%; color: #606060; background-color: transparent; border: none; outline: none; line-height: normal; padding: 0;
			&::-webkit-input-placeholder{ color: #606060;}
		}
	}
	.searchCancel{ position: absolute; top: 50%; right: 0.5rem; /* z-index: 21; */ font-size: 0.7rem; color: #606060; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
}
/*轮播*/
.swiper-container{ position: relative; width: 100%; overflow: hidden;}
.swiper-container .swiper-slide{ overflow: hidden; float: left;
	.bannerImg{ position: relative; display: block; width: 100%; overflow: hidden; background-color: #000;
		img{ width: 100%;}
	}
}
.pagination{ position: absolute; right: 0; bottom: 4%; width: 100%; z-index: 99; text-align: center;
	.swiper-pagination-bullet{ display: inline-block; margin: 0 1%; background-color: #fff; border-radius: 50%;}
	.swiper-pagination-bullet-active{ background-color: #fff;}
}
.toNext{position: absolute; top: 50%; right: 5px; transform: translateY(-50%); border-top: 5px solid transparent; border-left: 10px solid #929292; border-bottom: 5px solid transparent; width: 0; height: 0;}

/* 商品新版 */
.goodTopBox{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; 
	.searchGray{ flex: 1; -webkit-flex:1; margin: 0.3rem 0.5rem 0.3rem 0.5rem; border-radius: 0.1rem;}
	.filterBtn{ padding: 0.3rem 0; font-size: 0.5rem; color: #606060; width: 3rem; color: #333; text-align: center; line-height: 1.2;
		.filterIcon{ display: inline-block; width: 1rem; height: 1rem; background: url(../images/icon/filterIcon_good.png) no-repeat; background-size: cover;}
		span{ display: block;
			&:before{ content: '';
			}
		}
	}
}

/* 瀑布流首页 */
.masonry {
  width:100%;
  margin: 0 auto;
  column-gap: 0;
  counter-reset: item-counter;
  column-count: 2;
  padding: 0.2rem 0.2rem 0;
  box-sizing: border-box;
}

.item {
  display: block;
  box-sizing: border-box;
  break-inside: avoid;
  padding: 0.2rem;
  counter-increment: item-counter;

  &__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #333;
    background: #fff;
    box-sizing: border-box;
    // padding: 0.5rem;
    //@include setColorAndHover($itemBg1);
    
    // &:before {
    //   position: absolute;
    //   top: 0;
    //   left: 0;
    //   font-size: 13px;
    //   width: 2em;
    //   height: 2em;
    //   line-height: 2em;
    //   text-align: center;
    //   font-weight: bold;
    //   background-color: $counterBg;
    //   content: counter(item-counter);
    // }
    
    // &:after {
    //   color: darken($bg, 10%);
    //   content: 'T——T';
    // }
    
    .goodImg{
      display: block;
      margin: 0 auto;
      width: 100%;
      /* border-radius: 50%; */
      overflow: hidden;
    }
    .goodText{ padding-top: 0.5rem; color: #333; letter-spacing: 2px; width: 100%; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
	.businessInfo{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0.5rem 0;
		.name{ flex: 1; -webkit-flex: 1; text-align: left; color: #333;}
		img{ width: 1.2rem; height: 1.2rem; border-radius: 50%; margin-right: 0.5rem;}
	}
	.collectBox{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-size: 0.6rem; color: #929292;
		.collect{ display: block; width: 1rem; height: 1rem; background:url(../images/linkCheck.png) no-repeat; background-size: cover; margin-right: 0.2rem;
			&.on{ background-position: -1rem 0;}}
	}
    
  }
}

.indexTabs{ background-color: #fff; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; padding: 0 5.3%;
	a{ position: relative; width: 3.5rem; padding: 0.5rem 0; color: #929292; text-align: center; line-height: 1.2;
		/* &+:before{ content: ''; position: absolute; top: 0.5rem; left: 0; width: 0; height: 1rem; border-left: 1px solid #909090;} */
		/* &:after{ content: ''; position: absolute; top: 30%; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
		&.on{ color: #333; border-bottom: 2px solid #333;
			/* &:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
		}
	}
}

/* 服务 */
.serviceBox{
	.nav{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start;transition: height 2s; -webkit-transition: height 2s;}
		.navIcon{ position: relative;/*  margin: 0 auto;  */ margin-top: 1.5rem; text-align: center; line-height: 1.8; color: #606060; width: 33.33%; 
			/* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
		.navImg{ display: block; margin: auto; padding-bottom: 0.2rem; width: 1.5rem; height: 1.5rem;
			
		}
		&.unRead{
			&:after{ position: absolute; top: 0; left: 50%; content: ''; display: block; transform: translateX(0.6rem); -webkit-transform: translateX(0.6rem); border-radius: 50%; width: 0.3rem; height: 0.3rem; background-color: #ff0000;}
		}
	}
	.notice{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0.5rem 5.3%; padding: 0.5rem 0 0.5rem 0.5rem; color: #333333; background-color: #fff; border-radius: 0.2rem; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2);
		.noticeIcon{ width: 2.15rem; }
		.noticeText{ flex: 1; -webkit-flex:1; padding-left: 0.5rem; line-height: 1.8;white-space: nowrap; border-right: 1px solid #dedede;
			&:last-child{ padding-right: 0;}
		}
		.more{ width: 2.4rem; text-align: center; font-size: 0.55rem;}
	}
	.serviceCard{ position: relative;
		.cardBg{ width: 100%; padding: 5%; border-radius: 1.2rem; box-sizing: border-box; }
		.tip{ padding: 0.6rem; position: absolute; top: 5.3%; left: 5.3%; right: 5.3%; color: #fff;
			.tipItem{ padding: 0.35rem 0; line-height: 1.5;}
			.regBtn{ position: relative; display: block; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 0.8rem; text-align: center; text-decoration: none; background-color: #ff6060; color: #fff; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden;
				&:active{ background-color: #c8af6d;}
				&.red{ background-color: #ff6060;}
			}
		}
	}
	.serviceBusinessBox{ background-color: #fff;
		.tit{ position: relative; display: block; text-align: center; color: #606060; 
			&:before{ position: absolute; left: 2.4%; display: block; content: ''; top: 50%; width: 36%; border-bottom: 1px solid #ccc;}
			&:after{ position: absolute; right: 2.4%; display: block; content: ''; top: 50%; width: 36%; border-bottom: 1px solid #ccc;}
		}
		.goodLists{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap;
		    .goodList{ padding: 2.4%; width: calc(45.2% - 1px); border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;
				.businessImg{ margin: 0 auto; display: block; width: 3rem; border-radius: 50%; overflow: hidden; text-align: center;}
				.businessName{ padding-top: 0.5rem; color: #333; letter-spacing: 2px; width: 100%; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
				.businessInfo{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0.5rem 0;
					img{ width: 1.4rem; height: 1.4rem; border-radius: 50%; margin-right: 0.5rem;}
				}
				.collectBox{ margin: 0 auto; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; font-size: 0.6rem; color: #929292;
					.collect{ display: block; width: 1rem; height: 1rem; background:url(../images/starCheck.png) no-repeat; background-size: cover; margin-right: 0.2rem;
						&.on{ background-position: -1rem 0;}}
				}
			}
		}
	}
}




/* 首页 */
.loginBox{
	.logo{ text-align: center; padding: 2rem 0 1rem;
		img{ width: 3.07rem;}
		span{ display: block; padding-top: 0.5rem; text-align: center; color: @mainColor; }
	}
	.fillItem{ position: relative; display: -webkit-box; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 0.75rem 7% 0.75rem;
		.itemName{ width: 4rem; color: #606060;}
		.itemValue{ -webkit-box-flex: 2; flex: 2; -webkit-flex: 2; background: transparent; border: none; outline: none; line-height: normal; color: #929292; position: relative; padding-left: 1.5rem; display: block; width: 0%;
			&::-webkit-input-placeholder{ color: #929292;}
		}

		.clear{ display: none; background: url(../images/icon_clear.png) no-repeat; background-size: cover; width: 0.8rem; height: 0.8rem;
			&.hasValue{ display: block;}
		}
		&.identifyCode{ padding-top: 0.5rem; padding-bottom: 0.5rem;
			.identifyBox{ -webkit-box-flex: 1; flex: 1; -webkit-flex: 1; text-align: right;padding: 0.25rem 0; font-size: 0;}
			.identifyBtn{ display: inline-block; width: 4rem; line-height: 1rem; font-size: 0.6rem; border: 1px solid @mainColor; text-align: center; border-radius: 0.5rem; color: @mainColor;}
		}
		&.verifyCode{ padding-top: 0.3rem; padding-bottom: 0.3rem;
			.verifyImgBox{ -webkit-box-flex: 1; flex: 1; -webkit-flex: 1; text-align: right;padding: 0.25rem 0; font-size: 0;}
			.verifyImg{ width: 4rem; height: 1.5rem;}
		}
		
		&:after{ content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-top: 2px solid #ccc; color: #ccc; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 5.3%; right: 5.3%;}

		&.phoneIcon:before{ display: block; content: " "; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/login.png) no-repeat; background-size: cover; background-position: 0 0;}
		&.messageIcon:before{ display: block; content: " "; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/login.png) no-repeat; background-size: cover; background-position: -1rem 0;}
		&.verifyIcon:before{ display: block; content: " "; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/login.png) no-repeat; background-size: cover; background-position: -2rem 0;}
	}
	.regBtn{ position: relative; display: block; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; background-color: @mainColor; color: #fff; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden;
		// &:active{ background-color: #c8af6d;}
	}
	.agreementBox{ padding: 0.5rem 5.3%; display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; -webkit-align-items: center; align-items: center; 
		.agreementCheck{ display: block; width: 1rem; height: 1rem; background:url(../images/check_circle.png) no-repeat; background-size: cover; margin-right: 0.2rem;
			&.on{ background-position: -1rem 0;}
		}
		.agreementPop{ color: @mainColor; border-bottom: 1px solid @mainColor;}
	}
	.registerApply{ margin: 0.8rem 0; width:100%;overflow:hidden; padding: 0 5.3%; box-sizing: border-box;
		.applyTip{ display: block; width: 6.8rem; height: 0.8rem; margin: 4% auto; background: url(../images/registerTip.png) no-repeat; background-size: cover;}
		a{ display:inline-block;width:48.5%;padding:3% 0;font-size:0.85rem;color:#fff;text-align:center;position:relative; border-radius: 5px;
			i{display:block;position:absolute;top:30%;left:8%;}
			&.purchaser{ background:#05c0ef; float:left;}
			&.supplier{ background:#fa6b54; float:right;}
		}
	}
}

/*goodTitle*/
.goodTit { display: block; padding: 2.4%; font-weight: normal;}
.moreList { right: 2.4%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.infoDetailTip{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; padding-top: 2.4%; line-height: 1.5; font-size: 0.65rem; color: #929292;}

/* 美食资讯 */
.foodInfo{ background-color: #fff;
	.infoTip{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5;
		.text{ width: 3.6rem; text-align: center; color: #606060; line-height: 1.5;}
		.link{ color: #606060;line-height: 1.8;}
	}
	.foodNav{ background-color: #fff;
		li{ float: left; /*padding:0 5px;*/ width: 18.18%; text-align: center; font-size: 0.65rem;}
		.navIcon{ padding: 0.5rem 0; color: #444; overflow: hidden; width: 100%; display: block; white-space: nowrap;
			&.on{ border-bottom: 2px solid @mainColor;}
			img{ display: block; margin: auto; margin-bottom: 4%; width: 50%;}
			//&:before{ content: ''; display: block; margin: auto; margin-bottom: 4%; width: 1.7rem; height: 1.7rem; background: url(../images/shopNav.png); background-size: 5.1rem 3.4rem;}
		}
	}

}

/* 资讯 */
.infoBox{
	.infoTab{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-around; -webkit-justify-content: space-around; line-height: 1.5; background-color: #fff; font-size: 0.65rem;
		li{ line-height: 2.5;}
		.on{ color: @mainColor; border-bottom: 2px solid @mainColor;}
	}
	.infoTip{  display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5;
		.text{ width: 3.6rem; text-align: center; padding: .1rem .4rem; color: #fff; background-color: @mainColor; border-radius: .5rem; line-height: 1.5;}
		.link{ color: @mainColor;line-height: 1.8;}
	}
	.infoList{
		.infoItem{ display: flex; display: -webkit-flex; background-color: #fff; align-items: center; -webkit-align-items: center; line-height: 1.5;
			.infoImg{ width: 5rem; overflow: hidden; border: 1px solid #ccc;}
			.infoText{ flex: 1; -webkit-flex: 1;
				.title{ line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
				/* autoprefixer: off*/
				 -webkit-box-orient: vertical;
				 /* autoprefixer: on*/}
			}
			.check{ display: block; width: 1.02rem; height: 1.02rem; background: url(../images/check.png) no-repeat; background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
				&.checkOn{ background-position: 0 0;}
			}
		}
	}
}

.recommendGoodBox{ background-color: #fff;
	.filterTop{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items:center; border-bottom: 1px solid #ccc;
		.infoTip{ flex: auto; -webkit-flex: auto;}
		.searchGray{ flex: 1; -webkit-flex:1; margin: 0.3rem 0.5rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.6rem; color: #fff; background-color: rgba(204,204,204,0.35); border-radius: 25px;
			.search-btn{ display: block; margin: 0.2rem 0.24rem; width: 0.8rem; height: 0.8rem; background: url(../images/search_2.png) no-repeat; background-size: cover;}
			.search-txt{ float: left; padding: 0; height: 1.2rem; width: 75%; color: #606060; background-color: transparent; border: none; outline: none; line-height: normal;
				&::-webkit-input-placeholder{ color: #606060;}
			}
		}
		.filterBtn{ width: 4.4rem; color: #929292; text-align: center; border-left: 1px solid #ccc;
			span{ position: relative; padding-left: 1rem;
				&:after{ content: ''; position: absolute; top: 50%; left: 0; width: 0.75rem; height: 0.75rem; background: url(../images/icon/filterIcon.png) no-repeat; background-size: cover; transform: translateY(-50%); -webkit-transform: translateY(-50%);

				}
			}
		}
	}
	.infoTip{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items:center; line-height: 1.5;
		.text{ color: #333333; line-height: 1.5;}
		.link{  position: relative; padding-right: 1rem; color: #929292;line-height: 1.8;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
		.unread{ position: relative;
			&:before{ position: absolute; top: 0; right: .6rem; content: ''; display: block; border-radius: 50%; width: 0.3rem; height: 0.3rem; background-color: #ff0000;}
		}
	}
	.infoTab{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-around; -webkit-justify-content: space-around; line-height: 1.5; background-color: #fff; font-size: 0.65rem;
		li{ line-height: 2.5;}
		.on{ color: @mainColor; border-bottom: 2px solid @mainColor;}
	}
	.tit{ position: relative; display: block; text-align: center; color: #606060; 
		&:before{ position: absolute; left: 2.4%; display: block; content: ''; top: 50%; width: 36%; border-bottom: 1px solid #ccc;}
		&:after{ position: absolute; right: 2.4%; display: block; content: ''; top: 50%; width: 36%; border-bottom: 1px solid #ccc;}
	}
	.goodLists{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap;
	    .goodList{ margin: 0 2.4% 5.3% 0; width: 47.6%;
			.goodImg{ display: block; width: 100%; overflow: hidden; text-align: center;}
			.goodText{ padding-top: 0.5rem; color: #333; letter-spacing: 2px; width: 100%; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
			.businessInfo{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0.5rem 0;
				img{ width: 1.4rem; height: 1.4rem; border-radius: 50%; margin-right: 0.5rem;}
			}
			.showGoods{ padding: 0.1rem 0.4rem; color: #fff; border-radius: 0.5rem; background-color: #cf2d34; }
			&:nth-of-type(2n){
				margin-right: 0;
			}
		}
	}
	.priceBox{ padding: 2.4% 0; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-end; -webkit-align-items: flex-end;}
}

/* 采购商申请 */
.fillBox{ 
	.fillList{ background-color: #fff;
		.fillItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; align-items: center; padding: 0.5rem 2.4%;
			.itemName{ color: #333;}
			.itemValue{ flex: 1; -webkit-flex: 1; text-align: right; background: transparent; border: none; outline: none; color: #333; line-height: normal;
				&::-webkit-input-placeholder{ color: #929292;}
			}
			.posIcon{ position: relative;  padding-left: 1.5rem; 
				 &:before{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: ''; width: 1rem; height: 1rem; background: url(../images/phone.png) no-repeat; background-size: cover; vertical-align: middle; margin-right: 0.5rem;} 
			}
			.clear{ display: none; background: url(../images/icon_clear.png) no-repeat; background-size: cover; width: 0.8rem; height: 0.8rem;
				&.hasValue{ display: block;}
			}
			&.arrow .itemValue{ padding-right: 1rem; border: none; width: 65%; text-align: right;}
			&.arrow:before{ content: ''; position: absolute; top: 48%; right: 2.4%; width: 0.5rem; height: 0.5rem; border-top: 1px solid @redColor; border-right: 1px solid @redColor; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
			.areaValue{ width: 100%; line-height: 1.5; resize: none; background: transparent; outline: none; color: #929292; border: 1px solid #dedede;
				&.borderN{ border: none; }
				&::-webkit-input-placeholder{ color: #929292;}
			}
			.itemSelect{ position: relative; background-color: transparent; border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 1rem; background: url("../images/icon/arrow.png") no-repeat scroll right center transparent; background-size: contain; color: #333; direction: rtl; -webkit-direction: rtl;
				&.selected{ color: #e5e5e5;}
			}
			.check{ position: absolute; right: 2.4%; top: 50%; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/check.png) no-repeat; background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
				&.checkOn{ background-position: 0 0;}
			}
			.check_circle{ position: relative; padding-left: 7.2%; font-size: 0.6rem;
				&:before{ position: absolute; left: 0; top: 50%; content: ''; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/check.png) no-repeat; background-size: 2.04rem 1.02rem;}
				&.checkOn{
					&:before{ background-position: -1.02rem 0;}
				}
			}
			.unRead{ position: relative; padding-left: 0.5rem;
				&:before{ position: absolute; top: 50%; left: 0; content: ''; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 50%; width: 0.3rem; height: 0.3rem; background-color: @redColor;}
			}
			.navNum{ position: absolute; top: 0; left: 105%; content: ''; /* display: block;  */ border-radius: 16px; background-color: @redColor; min-width: 16px; height: 16px; line-height: 17px; text-align: center; color: #fff; font-style: normal; font-size: 10px; padding: 0 3px; box-sizing: border-box;}
			.up{ position: absolute; right: 2.4%; top: 50%; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/updown.png); background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
				&.down{ background-position: 0 0;}
			}
			.delBtn{ position: relative; display: block; padding-left: 14px; padding-right: 14px; box-sizing: border-box; text-align: center; text-decoration: none; background-color: rgb(202, 31, 37); color: #fff; line-height: 1.8; border-radius: 5px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden;
			}
			&+.fillItem:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #efefef; color: #efefef; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(1); transform: scaleY(1);/*  left: 2.4%; */}
		}
	}
	.agreementBox{ padding: 0.5rem 0.8rem; display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; -webkit-align-items: center; align-items: center; 
		.agreementCheck{ display: block; width: 1rem; height: 1rem; background:url(../images/check_circle.png) no-repeat; background-size: cover; margin-right: 0.2rem;
			&.on{ background-position: -1rem 0;}
		}
		.agreementPop{ color: @mainColor; border-bottom: 1px solid @mainColor;}
	}
	.regBtn{ position: relative; display: block; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; background-color: @redColor; color: #fff; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden;
		&:active{ background-color: #c8af6d;}
		&.red{ background-color: rgb(202, 31, 37);}
	}
}

/* 我的 */
.my{ position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-direction:column; -webkit-flex-direction:column; padding: 0.5rem; background-color: #fff; color: #333; height: 5.3rem; background: url(../images/userInfoBg.png) no-repeat; background-size: cover;
	.photoBox{ position: relative;
		.maleIcon{ position: absolute; right: 0; bottom: 0; width: 1rem; height: 1rem; background: url(../images/icon/sexIcon.png) no-repeat; background-size: cover; background-position: 0 0;}
		.femaleIcon{ position: absolute; right: 0; bottom: 0; width: 1rem; height: 1rem; background: url(../images/icon/sexIcon.png) no-repeat; background-size: cover; background-position: -1rem 0;}
		input[type='file']{ position: absolute; top: 0; left: 0; font-size: 3rem; opacity: 0;}
	}
	.photo{ position: relative; display: block; text-align: center; width: 3.6rem; border-radius: 50%; overflow: hidden;
	}
	.uesrText{ flex:auto; -webkit-flex:auto; padding-top: 0.53rem;}
	.arrow{ position: relative; padding-right: 1rem; text-align: right;
		&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
	}
	.mySet{ position: absolute; top: 0.85rem; right: 0.5rem; width: 1rem; height: 1rem; background: url(../images/myIcon.png) no-repeat; background-size: 4rem; background-position: -3rem 0;}
}

.myBox{
	.myInfo{/* position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-direction:column; -webkit-flex-direction:column; padding: 2.3rem 0 0; background-color: #fff; color: #333; height: 7.2rem; background: url(../images/myBg.jpg) no-repeat; background-size: cover; */
		/* .photoBox{ position: relative;
			.businessFlag{ position: absolute; right: 0; top: 0; display: block; padding: 0.2rem 0.4rem; color: #fff; background-color: #ff9000; font-size: 0.6rem; transform: translateX(80%); -webkit-transform: translateX(80%); border-radius: 0.5rem;}
			.arrow{ padding-right: 1rem; white-space: nowrap;
				&:after{ content: ''; position: absolute; top: 45%; right: 0.3rem; width: 0.3rem; height: 0.3rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
			}
		} */
		position: relative; padding: 1.5rem 0 2.3rem; background-color: #fff; color: #333; /* height: 6rem; */ background: url(../images/myBg.jpg) no-repeat; background-size: cover;
		.photoBox{ position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0 2.4%; /* flex-direction:column; -webkit-flex-direction:column; */
			.businessFlag{ display: block; padding: 0.15rem 0.4rem; color: #c39547; font-size: 0.5rem; margin-top: 0.1rem; margin-left: 0.5rem; border-radius: 0.5rem; border: 1px solid #c39547;}
			.levelView{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; padding: 0.15rem 0.4rem; color: #845726; background: url(../images/levelView.png) no-repeat; background-size: cover; font-size: 0.6rem;}
			.vipIcon{ display: inline-block; width: 0.6rem; height: 0.6rem; background:url(../images/icon/vipSignIcon.png) no-repeat; background-size: cover; vertical-align: -0.1rem; margin-right: 0.2rem;}
			.arrow{ padding-right: 1rem; white-space: nowrap;
				&:after{ content: ''; position: absolute; top: 45%; right: 0.3rem; width: 0.3rem; height: 0.3rem; border-top: 1px solid #845726; border-right: 1px solid #845726; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
			}
		}
		.photo{ display: block; text-align: center; width: 3rem; border-radius: 50%; overflow: hidden;}
		.uesrText{ flex:auto; -webkit-flex:auto;}
		.bottom{ position: absolute; bottom: 0; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; width: 100%;
			span{ flex: 1; -webkit-flex: 1; text-align: center; background-color: rgba(27,27,27,0.2); color:#fff; line-height: 3;}
			.vipIcon{ display: inline-block; width: 0.9rem; height: 0.9rem; background:url(../images/icon/vipIcon.png) no-repeat; background-size: cover; vertical-align: middle; margin-right: 0.2rem;}
		}
		.arrow{ position: relative; padding-right: 1rem; text-align: right;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
		.mySet{ position: absolute; top: 0.85rem; right: 0.5rem; width: 1rem; height: 1rem; background: url(../images/exitIcon.png) no-repeat; background-size: cover; display: block; font-size: 0.7rem; color:#fff;
		}
		.myMessage{ position: absolute; top: 0.85rem; left: 0.5rem; width: 1rem; height: 1rem; background: url(../images/messIcon.png) no-repeat; background-size: cover; display: block; font-size: 0.7rem; color:#fff;
			&.unRead{
				&:after{ position: absolute; top: 0; left: 50%; content: ''; display: block; transform: translateX(0.6rem); -webkit-transform: translateX(0.6rem); border-radius: 50%; width: 0.3rem; height: 0.3rem; background-color: #ff0000;}
			}
		}
	}
	.myOrder{
		.nav{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start;transition: height 2s; -webkit-transition: height 2s;}
		.navIcon{ position: relative;/*  margin: 0 auto;  */ margin-top: 0.5rem; text-align: center; line-height: 1.8; color: #606060; width: 20%; 
			/* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
			.navImg{ display: block; margin: auto; padding-bottom: 0.2rem; width: 1.8rem; height: 1.8rem;
				
			}
			&.unRead{
				&:after{ position: absolute; top: 0; left: 50%; content: ''; display: block; transform: translateX(0.6rem); -webkit-transform: translateX(0.6rem); border-radius: 50%; width: 0.3rem; height: 0.3rem; background-color: #ff0000;}
			}
		}
	}
}


/* 个人资料 */
.userInfo{ position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between;  -webkit-justify-content: space-between; padding: 0.5rem; background-color: #fff;
	.photo{ position: relative; display: block; text-align: center; width: 3.6rem; border-radius: 50%; overflow: hidden; margin-right: 1rem;
		.avatarUp{position: absolute; left: 0; top: 0; font-size: 4rem; opacity: 0;}
	}
	.uesrText{ flex:auto; -webkit-flex:auto; padding-left: 0.85rem;}
	.arrow:after{ content: ''; position: absolute; top: 48%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
	&:before{ content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
}
/* 我 */
.fillList{
	.infoItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 0.5rem; line-height: 1.2; background-color: #fff; margin: 0.5rem;
		.infoValue{ position: relative; margin-right: 2rem;
			&:before{ content: ''; width: 0.375rem; position: absolute; left: -0.5rem; top: -0.5rem; bottom: -0.5rem; background: url(../images/sideLine.png) no-repeat; background-size: contain;}
		}
		&.arrow:after{ content: ''; position: absolute; top: 50%; right: 2.4%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/arrowIcon.png) no-repeat; background-size: cover; }
	}
}

/* 修改密码 */
.changePW{ background-color: #fff;
	.fillItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 0.5rem 2.4%;
		.itemName{ width: 4rem; color: #606060;}
		.itemValue{ flex: 1; -webkit-flex: 1; color: #929292;
			input{ width: 100%; background: transparent; border: none; outline: none; color: #929292;}
			&::-webkit-input-placeholder{ color: #929292;}
		}
		.clear{ visibility: hidden; background: url(../images/icon_clear.png) no-repeat; background-size: cover; width: 0.8rem; height: 0.8rem;
			&.hasValue{ visibility: visible;}
		}
		&.verifyCode{ padding-top: 0; padding-bottom: 0;
			.itemValue{ flex: 2; -webkit-flex: 2; background: transparent; border: none; outline: none; color: #929292;
				&::-webkit-input-placeholder{ color: #929292;}
			} 
			.verifyImgBox{ flex: 1; -webkit-flex: 1; text-align: right;padding: 0.25rem 0; font-size: 0;}
			.verifyImg{ width: 3rem; height: 1.5rem;}
		}
		&+.fillItem:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 2.4%;}
	}
}

/* 商品详情分享头部 */
.shareLike{ position: fixed; top: 0; left: 0; z-index: 21; padding: 2.4%; width: 100%; box-sizing: border-box;
	a{ display: block; margin-right: 3.75%; width: 1.4rem; height: 1.4rem; background: url(../images/goodDetail.png?time=12312314);background-size: 5rem auto;
	}
	.backI{ background-position: 0 0;}
	.backNone{ background-image: none;}
	.circleMark{ width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: rgba(0,0,0,0.6);}
	.kfIcon{ margin-right: 0; background-position: -2.8rem 0;}
	.cartIcon{ position: relative; background-position: -1.4rem 0;}
	.zanIcon{ background-position: 0 -1.4rem;
		&.on{ background-position: -1.4rem -1.4rem;}
	}
	.text{ display: block; width: auto; height: 1.4rem; line-height: 1.4rem; border-radius: 15px; color: #fff; text-align: center; font-size: 0.7rem; padding: 0 0.5rem 0 0.5rem; background-image: none; }
	.prise{ position: relative; display: block; width: auto; height: 1.4rem; line-height: 1.4rem; border-radius: 15px; color: #fff; text-align: center; font-size: 0.7rem; padding: 0 0.5rem 0 1.8rem; background-image: none;
		 &:before{ position: absolute; top: 50%; left: 0.5rem; transform: translateY(-50%); display: block; content: ''; width: 1rem; height: 1rem; background: url('../images/goodDetail.png'); background-size: 6.7rem auto; background-position: -12.35rem 0;} 
	}
	.cartNum{ position: absolute; top: -0.2rem; left: 50%; content: ''; display: block; transform: translateX(0.2rem); -webkit-transform: translateX(0.2rem); border-radius: 50%; background-color: #ff0000; min-width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #fff; font-style: normal; font-size: 0.45rem;}
}

/* 商品详情 */
.goodDetail{
	.businessTop{ position: relative;
		.businessInfo{ width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0.5rem; background-color: #fff; color: #333; box-sizing: border-box;
			.photo{ display: block; text-align: center; width: 2.5rem; border-radius: 50%; overflow: hidden; }
			.uesrText{ flex:auto; -webkit-flex:auto; padding-left: 0.53rem;}
			.arrow{ position: relative; padding-right: 1rem; text-align: right; color: #929292;
				&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
			}
		}
		.businessBg{display: block; width: 100%; overflow: hidden;}
	}
	.goodInfo{ background-color: #fff;
		.title{ line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
				/* autoprefixer: off*/
				 -webkit-box-orient: vertical;
				 /* autoprefixer: on*/}
		.tip{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding-top: 2.4%; line-height: 2; font-size: 0.55rem; color: #929292;}
	}
	.contentTitle{ display: block; padding: 2.4%; text-align: center; background-color: #f0f0f0; font-size: 0.5rem; color: #929292;
		&:before{ content: ''; display: inline-block; width: 1.5rem; height: 1px; background-color: #ccc; vertical-align: middle;}
		&:after{ content: ''; display: inline-block; width: 1.5rem; height: 1px; background-color: #ccc; vertical-align: middle;}
	}
	.content{ background-color: #fff; padding: 2.4%; line-height: 1.5; font-size: 0.7rem;
		p{ margin: 0;}
		img{ display: block; width: 100%;}
	}
}

/* 所有文章编辑区 */
.article{ color: #606060;
	img{ width: 100%;}
}

.a_link{ display: block; color: #000;}


.shareColl{ position: absolute; right: -24%; top: 0; display: none; width: 0; height: 100%;
	&.one{
		a{ width: 100%;}
	}
	&.two{ 
		a{  width: 50%;}
	}
	a{ position: relative; display: block; float: left;  width: 33.33%; height: 100%; text-align: center; font-size: 0.5rem; color: #fff; background-color: #0fadf4;
		&:nth-of-type(2){ background-color: #0288D1;}
		&:before{ position: absolute; left: 50%; top: 50%; content: ''; display: block; margin: -0.385rem 0 0 -0.385rem; width: 0.77rem; height: 0.77rem; background: url(../images/shareColl.png); background-size: auto 1.532rem;}
	}
	.shareIcon:before{ background-position: 0 0;}
	.collIcon:before{ background-position: -0.77rem -0.77rem;}
	.delIcon:before{ background-position: 0 -0.77rem;}
	.tipIcon:before{ background-position: -0.77rem 0;}
}
/* 编辑删除 */
.edit{ position: absolute; top: 0; display: none; height: 100%; width: 0; border-bottom: 1px solid #ccc;
	&:after{ position: absolute; left: 50%; top: 50%; content: ''; display: inline-block; margin-top: -0.57rem; margin-left: -0.57rem; width: 1.14rem; height: 1.14rem; background: url(../images/del.png); background-size: 1.14rem auto;}
	&.on{ /* background-color: #e1e1e1; */
			&:after{ background-position: -1.1rem 0;}
		}
}

.businessOrder{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0.5rem; background-color: #fff;
	.checkAll{ display: block; margin-right: 2.4%; width: 1.02rem; height: 1.02rem; background: url(../images/check_circle.png) no-repeat; background-size: 2.04rem 1.02rem;
		&.checkOn{ background-position: -1.02rem 0;}
	}
}
/*购物车*/
.cartUl{
	li{ position: relative; padding: 4.8% 2.4% 4.8% 9.6%;}
	&.orderDetail{ li{padding: 2.4%;}}
	.check{ position: absolute; left: 2.4%; top: 50%; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/check_circle.png) no-repeat; background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;;
		&.checkOn{ background-position: 0 0}
	}
	.photo{ width: 20%; text-align: center; overflow: hidden; border: 1px solid #eee;}
	.text{ margin-right: 2.4%; width: 72%;}
	.desc{  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
	.refundBtn{ margin-left: 0.5rem; display: block; text-align: center; font-size: 0.6rem; padding: 0.15rem 0.5rem; border-radius: 0.5rem; border: 1px solid #929292; color: #929292;}
	.pjBtn{ margin-left: 0.5rem; display: block; text-align: center; font-size: 0.6rem; padding: 0.15rem 0.5rem; border-radius: 0.5rem; border: 1px solid #ffae00; color: #ffae00;}
	.onlineService{ display: block; width: 64%; text-align: center; font-size: 0.8rem;  background-color: #fff; color: #fff;
		&.operateBox{ padding-top: 5.3%; width: 100%; color: #cf2d34;
			.addSubt{ width: 50%; }
		}
		.addSubt{ display: inline-block; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-size: 0.8rem; border: 1px solid #acacac; overflow: hidden; white-space: nowrap;}
		.operate{ width: 1.5rem; height: 1.2rem; line-height: 1.2rem;  text-align: center; cursor: pointer; color: #727272;
			&.disable{ background-color: #ccc;}
		}
		.much{ width: calc(~"100% - 3rem - 2px");  height: 1.2rem; line-height: 1.2rem; padding: 0; text-align: center; outline: none; border: none; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-radius: 0;}
	}
	.bidBtn{ display: block; width: 33.3%; text-align: center; line-height: 1.25rem; font-size: 0.65rem;  background-color: #ff9907; color: #fff; border-radius: 0.5rem;
		&.disable{ background-color: #929292;}
	}
}

.orderOperateBox{ line-height: 2.048rem; font-size: 0.7rem; background-color: #fff; padding: 0.5rem;
	.change,.addCart,.payBtn{ display: block; width: 26%; text-align: center; line-height: 1.5; font-size: 0.7rem; margin-left: 0.5rem; border-radius: 0.5rem;
		&.noCoins{ background-color: #b6b6b6;}
	}
	.change{ border: 1px solid #ffae00; color: #ffae00;}
	.addCart{ border: 1px solid #929292; color: #929292;}
	.payBtn{ border: 1px solid @mainColor; color: #fff; background-color: @mainColor;}
}

.orderFooter{ position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; line-height: 2.048rem; font-size: 0.7rem; background-color: #fff; padding: 0.5rem; box-sizing: border-box;
	.change,.addCart,.payBtn{ display: block; width: 26%; text-align: center; line-height: 1.5; font-size: 0.7rem; margin-left: 0.5rem; border-radius: 0.5rem;
		&.noCoins{ background-color: #b6b6b6;}
	}
	.change{ border: 1px solid #ffae00; color: #ffae00;}
	.addCart{ border: 1px solid #929292; color: #929292;}
	.payBtn{ border: 1px solid @mainColor; color: #fff; background-color: @mainColor;}
}

.cartFoot{ position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; height: 2.048rem; line-height: 2.048rem; background-color: #fff;
	.checkAll{ position: relative; padding-left: 7.2%; margin-left: 2.4%; margin-right: 2.4%;
		&:before{ position: absolute; left: 0; top: 50%; content: ''; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/check_circle.png) no-repeat; background-size: 2.04rem 1.02rem;}
		&.checkOn{
			&:before{ background-position: -1.02rem 0;}
		}
	}
	.goChange{ width: 30%; text-align: center; height: 2.048rem; line-height: 2.048rem; font-size: 0.94rem; color: #fff; background-color: @mainColor;}
}

.goodSide{ display: none; position: fixed; bottom: 2.3rem; left: 0; z-index: 23; width: 100%; height: 45%; background-color: #fff;
	.scorllWrapper{ overflow: scroll; height: calc(~"100% - 24%");}
	.close{ position: absolute; right: 2.4%; top: 2.4%; display: block; width: 0.77rem; height: 0.77rem; background: url(../images/icon_clear.png); background-size: cover; cursor: pointer;}
	.photo{ margin-top: -5%; width: 20%; text-align: center; overflow: hidden;}
	.text{ margin-left: 2.4%; margin-top: 4.8%; width: 75%;}
	h4{ font-size: 0.7rem; font-weight: 600; color: #212121;}
	.desc{ font-size: 0.7rem; font-weight: 600; color: #b6b6b6;
		em{ margin-left: 2.4%; color: #ffeb3b;}
	}
	.tit{ margin: 0 2.4%; padding: 2.4% 0; border-top: 1px solid #f0f0f0;}
	.goodDesc{ margin-left: 2.4%; padding-bottom: 2.4%; border-bottom: 1px solid #f0f0f0;
		li{ float: left; margin: 0 4% 2.4% 0; padding: 0.3rem 0.5rem; border-radius: 0.8rem; border:1px solid #ccc; text-align: center; 
			&.on{ border:1px solid @mainColor; }
			&.disable{ background-color: #ccc;}
		}
	}
	.changeBox{ margin: 2.4%;}
	
	/* .addSubt{ font-size: 0.8rem; border: 1px solid #acacac; border-radius: 5px; overflow: hidden;}
	.operate{ float: left; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; cursor: pointer; color: #727272;
		&.disable{ background-color: #ccc;}
	}
	.much{ float: left; width: 1.792rem; height: 1rem; line-height: 1rem; text-align: center; outline: none; border: none; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-radius: 0;} */
	.addSubt{ width: 6rem; height: 1rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-size: 0.8rem; border: 1px solid #acacac; overflow: hidden; white-space: nowrap;}
	.operate{ width: 1.5rem; height: 1.1rem; line-height: 1rem;  text-align: center; cursor: pointer; color: #727272;
		&.disable{ background-color: #ccc;}
	}
	.much{ width: calc(~"100% - 3rem - 2px");  height: 1rem; line-height: 1rem;  text-align: center; outline: none; border: none; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-radius: 0;}

	.sureBtn{ position: fixed; bottom: 0; left: 0; padding: 0.7rem 0; width: 100%; text-align: center; font-size: 0.8rem; color: #fff; background-color: @mainColor;}
}

/*订单提交*/
.orderShow{
	.cartUl{
		li{ padding: 4.8%;}
		.text{ margin-right: 0; width: 65%;}
	}
}
/*订单评论*/
.orderComment{
	li{ position: relative;}
	.photo{ width: 20%; text-align: center; overflow: hidden; border: 1px solid #eee;}
	.text{ margin-right: 2.4%; width: 72%;
		.desc{ color: #333; letter-spacing: 2px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
	}
	.commentBox{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem 2.4%;
		.areaValue{ width: 100%; resize: none; background: transparent; border: none; outline: none; color: #333;
			&::-webkit-input-placeholder{ color: #929292;}
		}
	}
	.galleryList{ display: flex; display: -webkit-flex; overflow: hidden; flex-wrap: wrap; -webkit-flex-wrap: wrap;
		.galleryItem{ margin: 1% 1% 0 0; width: 32%;}
		.galleryImg{ display: block; width: 100%; overflow: hidden;border-radius: 0;}
	}
	.commentBtn{ display: inline-block; padding: 0.3rem 0.5rem; background-color: @mainColor; border-radius: 0.5rem; color: #fff; font-size: 0.7rem;}
}

.orderInfo{
	.infoTip{  display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5; padding: 0.5rem 2.4%;
	}
	.fillList{ padding: 0.5rem 2.4%;
		.fillItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; line-height: 1.5;
			.itemName{ width: 4rem; color: #606060;}
			.itemValue{ flex: 1; -webkit-flex: 1;
				input{ width: 100%; background: transparent; border: none; outline: none; color: #929292;}
				&::-webkit-input-placeholder{ color: #929292;}
				&.status{ color: @mainColor;}
			}
			&.arrow .itemValue{ position: relative; padding-right: 1rem; border: none; width: 65%; text-align: right;}
			&.arrow:before{ content: ''; position: absolute; top: 48%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
	}
}

.note{ width: 25%;}
.noteCont{ width: 75%; text-align: right;border: none;resize:none;}
.receivtBox{ position: fixed; top: 35%; left: 11.5%; z-index: 23; padding: 2.4% 5.3%; width: 66.4%; color: #fff; background-color: #03a9f5; border-radius: 5px;
	.title{ font-size: 0.85rem; text-align: center;}
	.wayUl{ font-size: 0.7rem;
		li{ padding: 5.3% 2.4%; border-bottom: 1px solid #35baf6; cursor: pointer;
			&:last-child{ border-bottom: none;}
			&.checkOn{ position: relative;
				&:after{ position: absolute; right: 2.4%; top: 50%; content: ''; display: block; margin-top: -0.32rem; width: 0.64rem; height: 0.64rem; background: url(../images/icon/checkOn.png) no-repeat; background-size: cover;}
			}
		}
	}
}
/*自提地点*/
.placeUl{ padding: 0 5.3%; font-size: 0.8rem; color: #555; border-top: 0.5rem solid #f4f4f4;
	li{ padding: 2.8% 0; border-bottom: 1px solid #eee; cursor: pointer;
		&.checkOn{ position: relative;
			&:after{ position: absolute; right: 2.4%; top: 50%; content: ''; display: block; margin-top: -0.32rem; width: 0.64rem; height: 0.64rem; background: url(../images/icon/checkOnB.png) no-repeat; background-size: cover;}
		}
	}
}

/* 成功提示*/
.successBox{ width: 50%; margin: 0 auto;border-radius: 0.5rem; background-color: #000; opacity: 0.5; -webkit-opacity: 0.5;
    -moz-opacity: 0.5; filter: alpha(opacity=50);
	.succImg{ width: 2.56rem; padding: 1rem 0;}
	.succTip{ display: block; line-height: 2; font-size: 0.8rem; color: #fff;}
}

/* 信用担保管理 */
.creditGuarantyManage{
	.listBox{ position: relative; display: block; background-color: #fff;
		.fillTip{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; line-height: 1.5; padding: 0.5rem; border-bottom: 1px solid #ccc;}
		.fillList{ padding: 0.5rem 0;}
		.fillItem{ display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; -webkit-align-items: center; align-items: center; line-height: 1.5; padding: 0 0.5rem;
			.itemName{ width: 5rem; color: #606060;}
			.itemValue{ flex: 1; -webkit-flex: 1; color: #929292;
				&.lastTimeColor{ color: #4BBEFF;}
				&.priceColor{ color: @mainColor;}
			}
			/* &:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 2.4%;} */
		}
	}
	.guarantyBtnBox{ line-height: 2.048rem; font-size: 0.7rem; background-color: #fff; padding: 0.5rem;
		.guarantyBtn{ display: block; width: 26%; text-align: center; line-height: 1.5; font-size: 0.7rem; margin-left: 0.5rem; border-radius: 0.5rem;
			&.reject{ border: 1px solid #cf2d34; color: #cf2d34;}
			&.confim{ border: 1px solid #ffae00; color: #ffae00;}
		}
	}
}

/* 担保详情 */
.creditGuarantyDetail{
	.infoTip{  display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5; padding: 0.5rem 2.4%;
	}
	.fillList{ padding: 0.5rem 2.4%;
		.fillItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; line-height: 1.5;
			.itemName{ width: 5.2rem; color: #606060;}
			.itemValue{ flex: 1; -webkit-flex: 1; color: #929292;
				input{ width: 100%; background: transparent; border: none; outline: none; color: #929292;}
				&::-webkit-input-placeholder{ color: #929292;}
				&.price{ color: #cf2d34;}
				&.uploader{ padding: 0;
					.uploader__file{ margin-right: 9px;}
					.photo{ width: 3.8rem;}
				}
			}
		}
	}
}

/* 电子商城 */
.toTop{ position: fixed; bottom: 4rem; right: 0.5rem; display: block; padding: 0.45rem 0; text-align: center; width: 2.5rem; font-size: 0.7rem; border: 1px solid #ccc; border-radius: 50%; color: #606060; background-color: #fff;}
.cartBottom{ position: fixed; bottom: 1rem; right: 0.5rem; display: block; padding: 0.85rem 0; text-align: center; width: 2.5rem; font-size: 0.7rem; border: 1px solid #ccc; border-radius: 50%; color: #606060; background-color: #fff;}

.addChild{ position: fixed; bottom: 4rem; right: 0.5rem; display: block; text-align: center; width: 2.5rem; height: 2.5rem; font-size: 1rem; border-radius: 50%; color: #fff; background-color: @redColor; line-height: 1.6;
	&:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); height: 2px; width: 0.8rem; background-color: #fff;}
	&:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); height: 0.8rem; width: 2px; background-color: #fff;}
}

/* 非footer底部按钮 */
.bottomBtn{ position: fixed; bottom: 0; left: 0; z-index: 19; width: 100%; text-align: center; background-color: #fff; padding: 15px; box-sizing: border-box; border-top: 1px solid #ccc; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;
	.selectBox{  display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; border: 1px solid #333;
		.regBtn{ padding: 0.3rem 0.8rem; color: #333; border-right: 1px solid #333;
			&:last-child{ border-right: none; }
			&.on{ color: #fff; background-color: #0176dd; }
		}
	}
	.audio-wrapper { background-color: #fcfcfc; width: 50%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;
		.audio-left { float: left; text-align: center; width: 18%; height: 100%; padding-right: 0.5rem;
			img { width: 1.5rem; position: relative; /* top: 15px; */ margin: 0; display: initial;   /* 解除与app的样式冲突 */ cursor: pointer; }
			
		}
		.audio-right { margin-right: 2%; float: right; width: 80%; height: 100%;
			p { font-size: 15px; height: 35%; margin: 8px 0;  /* 歌曲名称只显示在一行，超出部分显示为省略号 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 243px;   /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */  }
      	}
		.progress-bar-bg { background-color: #d9d9d9; position: relative; height: 2px; cursor: pointer; 
			span { content: " "; width: 10px; height: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #333; position: absolute; left: 0; top: 50%; margin-top: -5px; margin-left: -5px; cursor: pointer;
      		}
		}
		.audio-time {
          overflow: hidden;
          margin-top: -1px;
	    }
	    .audio-length-total {
	        float: right;
	        font-size: 12px;
	    }
	    .audio-length-current {
	        float: left;
	        font-size: 12px;
	    }
    }
}

/* 评论*/
.exitBox{ background-color: #fff; border-radius: 0.5rem;
	.content{ margin-top: 0.5rem; width: 100%; resize: none; box-sizing: border-box; height:3rem; border: 1px solid #ccc;}
	.btnBox{ margin-top: 0.5rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;
		.cancelBtn{ flex:1; -webkit-flex:1; padding: 0.5rem; background-color: #f0f0f0; color: #333; border-radius: 0.5rem;}
		.sendBtn{ flex:1; -webkit-flex:1; padding: 0.5rem; background-color: @mainColor; color: #fff; border-radius: 0.5rem;}
		span+span{ margin-left: 0.5rem;}
	}
}

.pjAll{ background-color: #fff;
	.pjTop{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; line-height: 1.5; padding: 0.5rem;
		.arrow{ position: relative; padding-right: 1rem; text-align: right; color: #929292;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
	}
	.pjItem{ display: flex; display: -webkit-flex; -webkit-align-items: flex-start; align-items: flex-start; line-height: 1.5; border-top: 1px solid #ccc;
	}
	.photo{ display: block; margin-right: 0.5rem; width: 1.5rem; text-align: center; overflow: hidden; border-radius: 50%;}
	.userBox{ flex: 1; -webkit-flex: 1; 
		.name{ width: 60%; font-size: 0.7rem;}
		.like{ margin-top: 1.25%; width: 33%;
			i{ display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../images/goodDetail.png); background-position: -8.4rem 0;
				&.on{ background-position: -8.4rem -4.8rem;}
			}
		}
	}
	.galleryList{ display: flex; display: -webkit-flex; overflow: hidden; flex-wrap: wrap; -webkit-flex-wrap: wrap;
		.galleryItem{ margin: 1% 1% 0 0; width: 32%;}
		.galleryImg{ display: block; width: 100%; overflow: hidden;border-radius: 0;}
	}
	.infoBottom{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;
		.infoOperate{ color: #929292; 
			.like{ position: relative; padding-left: 1.2rem; 
				&:after{ position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/icon/unlinkIcon.png) no-repeat; background-size: cover;}
				&.on:after{ background: url(../images/icon/linkIcon.png) no-repeat; background-size: cover; }
			}
			.comment{ position: relative; padding-left: 1.2rem;  
				&:after{ position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/icon/commentIcon.png) no-repeat; background-size: cover;}
			}
		}
	}
	
}

/*物流信息*/
.saleResult{ padding: 0.7rem 4%;
	.resultLi{ position: relative; padding-left: 3.75%; padding-bottom: 3.75%; border-left: 1px solid #ccc;
	.photo{ float: left; margin: 2.75% 3.75% 0 0; width: 16.25%; overflow: hidden;}
	&:before{ position: absolute; left: -0.5rem; content: ''; display: block; width: 0.8rem; height: 0.8rem; background-color: @mainColor; border: 1px solid #fff; border-radius: 50%;}
	}
	.time{ font-size: 0.7rem; margin-bottom: 2.5%;}
	.resultCont{ padding: 3.75%; border-radius: 5px;
		.arrIcon{
			&:after{ top: 50%; margin-top: -0.5rem;}
		}
		.title{ margin-bottom: 2%; font-size: 1.5rem; font-weight: normal;}
		.desc{ line-height: 1.5;}
	}
}


/* 玉石交易平台 */

/* Nav菜单 */
.navBox{
	.nav{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start;transition: height 2s; -webkit-transition: height 2s;}
	.navIcon{ position: relative;/*  margin: 0 auto;  */ margin-top: 0.5rem; text-align: center; line-height: 1.8; color: #606060; width: 25%; 
		/* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
		.navImg{ display: block; margin: auto; padding-bottom: 0.2rem; width: 1.8rem; height: 1.8rem;
			
		}
		&.unRead{
			&:after{ position: absolute; top: 0; left: 50%; content: ''; display: block; transform: translateX(0.6rem); -webkit-transform: translateX(0.6rem); border-radius: 50%; width: 0.3rem; height: 0.3rem; background-color: #ff0000;}
		}
		.navNum{ position: absolute; top: 0; left: 50%; content: ''; display: block; transform: translateX(0.5rem); -webkit-transform: translateX(0.5rem); border-radius: 16px; background-color: #ff0000; min-width: 16px; height: 16px; line-height: 17px; text-align: center; color: #fff; font-style: normal; font-size: 10px; padding: 0 3px; box-sizing: border-box;}
	}
	/* .bsIcon:before{ background-position: -12rem 0;}
	.dtIcon:before{ background-position: -12rem -10rem;}
	.zwIcon:before{ background-position: -2rem -8rem;}
	.cjIcon:before{ background-position: 0 -6rem;}
	.gjIcon:before{ background-position: -4rem -2rem;} */
	.moreNav{ position: relative; display: block; text-align: center; font-size: 12px; color: #606060; 
		&:before{ position: absolute; left:0; display: block; content: ''; top: 50%; width: 36%; border-bottom: 1px solid #ccc;}
		&:after{ position: absolute; right: 0; display: block; content: ''; top: 50%; width: 36%; border-bottom: 1px solid #ccc;}
	}
	.activeNav{  display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start; margin-left: 4%;
		.photo{ margin: 2.4% 2.4% 0 0; width: 46%; overflow: hidden; text-align: center;}
	}
	.nav_hide{ overflow: hidden; height: 4.6rem;}
}

.navNumBox{ position: relative;
	.navNum{ position: absolute; top: 0; left: 50%; content: ''; display: block; transform: translateX(0.5rem); -webkit-transform: translateX(0.5rem); border-radius: 16px; background-color: #ff0000; min-width: 16px; height: 16px; line-height: 17px; text-align: center; color: #fff; font-style: normal; font-size: 10px; padding: 0 3px; box-sizing: border-box;}
}

.noticeBox{ position: relative; display: block; padding: 0.5rem; color: #333333; background-color: #fff; padding-left: 2rem;
	.noticeIcon{ position: absolute; left: 0.5rem; top: 50%; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1.2rem; }
	.noticeText{ padding-right: 100%; line-height: 1.8;white-space: nowrap;
		&:last-child{ padding-right: 0;}
	}
}

/* 玉石分类 */
.classifyBox{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding: 0.5rem; background-color: #fff;
	.left{ flex: 1; -webkit-flex: 1; display: flex; -webkit-flex: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;
		.leftItem{ width: 44%; margin: 0 4% 4% 0; text-align: center; border: 1px solid #ccc;
			.img{ display: block; padding: 5.3% 16%; box-sizing: border-box; width: 100%; }
		}
		
	}
	.right{ flex: 1; -webkit-flex: 1; position: relative;
		.bgImg{ display: block; width: 100%; }
		.rightTip{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 5.9rem; height: 2rem; background: url(../images/classifyBg.png) no-repeat; background-size: contain; text-align: center; color: #fff;
			.title{ margin-top: -0.5rem;}
			.allBtn{ display: inline-block; margin-top: 0.8rem; padding: 0.1rem 0.3rem;  font-size: 0.55rem; color: #333; background-color: #fff; border-radius: 0.5rem; }
		}
	}
}

/* 玉石广告 */
.adsBox{ background-color: #fff;
	img{ display: block; width: 100%; }
	/* .tip{ display: block; text-align: center; padding-top: 0.5rem; }
	.top{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; padding: 0.5rem 0.5rem 0;
		.ad_1{ display: block; box-sizing: border-box; width: 38.85%; height: 12.1rem;}
		.right{ width: 60%; overflow: hidden; padding-left: 0.25rem;
			.ad_2{ display: block; width: 100%; height: 5.25rem; padding-bottom: 0.25rem;}
			.right_bottom{ display: flex; display: -webkit-flex;}
			.ad_3,.ad_4{ display: block; width: 50%; height: 6.6rem;}
			.ad_4{ margin-left: 0.25rem; }
		}
	}
	.bottom{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding: 0.25rem 0.5rem 0.5rem;}
		.ad_5{ display: block; width: 54.82%; height: 6.1rem;}
		.ad_6{ display: block; width: 44.28%; padding-left: 0.25rem; height: 6.1rem;}
	img{width: 100%;height: 100%;} */
}

.adsBox1{ background-color: #fff;
	.tip{ display: block; text-align: center; padding-top: 0.5rem; }
	.top{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; padding: 0.5rem 0.5rem 0;
		.ad_1{ display: block; box-sizing: border-box; width: 38.85%; height: 12.1rem;}
		.right{ width: 60%; overflow: hidden; padding-left: 0.25rem;
			.ad_2{ display: block; width: 100%; height: 5.25rem; padding-bottom: 0.25rem;}
			.right_bottom{ display: flex; display: -webkit-flex;}
			.ad_3,.ad_4{ display: block; width: 50%; height: 6.6rem;}
			.ad_4{ margin-left: 0.25rem; }
		}
	}
	.bottom{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding: 0.25rem 0.5rem 0.5rem;}
		.ad_5{ display: block; width: 54.82%; height: 6.1rem;}
		.ad_6{ display: block; width: 44.28%; padding-left: 0.25rem; height: 6.1rem;}
	img{width: 100%;height: 100%;} 
}

.dailyPopularBox{ background-color: #fff;
	.dailyPopularList{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem 0.5rem 0;
		.photo{ text-align: center; overflow: hidden; width: 49%;}
		.adBox{ overflow: hidden; width: 49%; background-color: #eee;}
		&:last-of-type{ padding-bottom: 0.5rem; }
	}
}

.hotSalesBox{ background-color: #fff;
	.hotSalesList{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem 0.5rem 0;
		.photo{ position: relative; text-align: center; overflow: hidden; width: 49%;}
		.saleApprise{ position: absolute; top: 0; right: 0; font-size: 0.55rem; color: #fff; background-color: @mainColor; padding: 0 0.5rem; line-height: 1.5;}
		.mostView{ position: absolute; bottom: 0; left: 0; font-size: 0.55rem; color: #fff; background-color: #ff660e; padding: 0 0.5rem; line-height: 1.5;}
		.adBox{ overflow: hidden; width: 49%; background-color: #eee;}
		&:last-of-type{ padding-bottom: 0.5rem; }
	}
}

.notMissBox{ background-color: #fff;
	.notMissList{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem 0.5rem 0;
		.photo{ position: relative; text-align: center; overflow: hidden; width: 49%;}
		.saleApprise{ position: absolute; top: 0; right: 0; font-size: 0.55rem; color: #fff; background-color: @mainColor; padding: 0 0.5rem; line-height: 1.5;}
		.mostView{ position: absolute; bottom: 0; left: 0; font-size: 0.55rem; color: #fff; background-color: #ff660e; padding: 0 0.5rem; line-height: 1.5;}
		.adBox{ overflow: hidden; width: 49%; background-color: #eee;}
		&:last-of-type{ padding-bottom: 0.5rem; }
	}

}

.playerMask{ position: relative;
	.playerBtn{position: relative;
	    &:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 2.2rem; height: 2.2rem; border-radius: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background-color: rgba(255,255,255,.3); border: 1px solid #fff; z-index: 1;}
	    &:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin-left: 0.2rem; border-left: 1rem solid #fff; border-top: 0.6rem solid transparent; border-bottom: 0.6rem solid transparent;}
	    .imgMask{ position: absolute; top: 0; left: 0;}
    }
    .playerTip{ position: absolute; bottom: 0; width: 100%; display: block; text-align: center; color: #fff; font-size: 0.55rem; line-height: 1.8;
		&.live{ background-color: #cf2d34; }
		&.wait{ background-color: #ff9907; }
		&.timeout{ background-color: #929292; }
    }
    .livePlayerTip{ position: absolute; z-index: 2; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center;}
    .livePlayerText{ display: block; text-align: center; color: #fff; background: url(../images/liveTip.png); background-size: cover; font-size: 0.8rem; padding: 0.5rem 0;
    }
    .livePlayerBtn{ display: inline-block; padding: 5px 10px; line-height: 1.25rem; font-size: 0.7rem; background-color: #2bc697; color: #fff; margin-top: 0.8rem; border-radius: 0.5rem;}
}

.videoMask{ position: relative;z-index: 0;
    span{ position: absolute; z-index: 99; top: 0; left: 0; width: 100%; overflow: hidden;
        &:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -0.25rem; width: 3.6rem; height: 3.6rem; border-radius: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background-color: rgba(124,124,124,.6);}
        &:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-left: 2rem solid #525254; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent;}
    }
}

.videoPlayWrapper{
	.liveTip{ text-align: center; line-height: 1.5; padding: 0.2rem 0.5rem; background-color: #cf2d34; color: #fff;}
	.pause{ position: absolute; z-index: 999; top: 50%; left: 50%; opacity: .8; width: 3.25rem; height:3.25rem; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background-position: 50%; background-size: contain; background-image: url(../images/icon/pauseBtn.png);
    }
    .fullScreen{ position: absolute; z-index: 999; bottom: 6px; right: 12px; opacity: .8; width: 1.5rem; height:1.5rem; background-position: 50%; background-size: contain; background-image: url(../images/icon/fullScreen.png);
    }
}

/* 直播详情 */
.liveDetailBox{ background-color: #fff;
	&.alive{ position: absolute; bottom: 0; opacity: 0; width: 100%; height: 0; box-sizing: border-box; transition: height 1s ,opacity 1s;-webkit-transition:  height 1s ,opacity 1s; }
	&.liveWord{ position: absolute; bottom: 2.4rem; width: 100%; height: 35%;box-sizing: border-box; z-index:900;background-color: transparent;}
	.liveTip{ /* display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; */ text-align: center; line-height: 1.5; padding: 0.2rem 0.5rem; background-color: #cf2d34; color: #fff;
		.arrow{ position: relative; padding-right: 1rem; text-align: right;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
	}
	.liveTabBox{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5; /* border-top: 1px solid #ccc; */ border-bottom: 1px solid #ccc; background-color: #fff;
		li{ flex: 1; -webkit-flex: 1; padding: 0.5rem; border-right: 1px solid #ccc; text-align: center;
			&:last-child{ border-right: none; }
			&.on{ color: #fff; background-color: #2bc697;border-right: 1px solid #2bc697;}
		}
	}
	.liveCartBox{ height: calc(~"100%");overflow-y: scroll;}
	.cartUl{
		li{ padding: 0;
			.text{ margin-right: 0; width: 77.4%;}
		}
		.startTip{ line-height: 1.5; padding: 0.2rem 0.5rem; background-color: #e6e6e6; color: @mainColor; text-align: center;}
		.timeOutTip{ line-height: 1.5; padding: 0.2rem 0.5rem; background-color: #e6e6e6; color: #929292; text-align: center;}
		.countDownTip{ line-height: 1.5; padding: 0.2rem 0.5rem; background-color: #e6e6e6; color: #cf2d34; text-align: center;}
	}
	.introductBox{ word-break: break-all; padding: 0.5rem; line-height: 1.5; font-size: 0.7rem;
		img{ width: 100%;}
	}

}

/* 动态资讯 */
.dynamicInfo{ background-color: #fff;
	.infoTip{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5;
		.text{ width: 3.6rem; text-align: left; color: #606060; line-height: 1.5;}
		.link{ color: #606060;line-height: 1.8;}
	}
	.businessWrapper{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding-bottom: 0.5rem;
		.businessInfo{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;
			.photo{ width: 1.4rem; height: 1.4rem; border-radius: 50%; margin-right: 0.5rem;}
		}
		.contact{ position: relative; padding-left: 1.2rem; color: #2bc697; font-size: 0.55rem;
			&:before{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; content: ''; width: 1rem; height: 1rem; background: url(../images/icon/contactIcon.png) no-repeat; background-size: cover;}
		}
	}
	
	.infoList{
		.infoItem{ line-height: 1.5;
			.title{ display: block; line-height: 1.5;
				&.ellipsis{ line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;
				/* autoprefixer: off*/
				 -webkit-box-orient: vertical;
				 /* autoprefixer: on*/}
			}
			.galleryList{ display: flex; display: -webkit-flex; overflow: hidden; flex-wrap: wrap; -webkit-flex-wrap: wrap;
				figure{ margin: 1% 1% 0 0; width: 32%;}
				.photo{ display: block; width: 100%; overflow: hidden; text-align: center;}
			}
			.referred{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;
				.name{ flex: 1; -webkit-flex: 1;}
			}
			.infoBottom{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;
				.infoOperate{ color: #929292; 
					.like{ position: relative; padding-left: 1.2rem; 
						&:after{ position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/icon/unlinkIcon.png) no-repeat; background-size: cover;}
						&.on:after{ background: url(../images/icon/linkIcon.png) no-repeat; background-size: cover; }
					}
					.comment{ position: relative; padding-left: 1.2rem;  
						&:after{ position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/icon/commentIcon.png) no-repeat; background-size: cover;}
					}
				}
			}
			
		}
		.verifyTip{ padding-top: 0.5rem;
			.verifyIcon{ position: relative; padding-left: 1.2rem;
				&:after{ content: ''; position: absolute; display: block; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../images/icon/warnIcon.png) no-repeat; background-size: cover;} 
			}
		}
	}
}

.discover{
	.tabs{ background-color: #fff; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; border-bottom: 1px solid #ccc;
		select{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; opacity: 0; padding: 0 0.5rem; color: #909090; text-align: center; border: none;
			&+select{ border-left: 1px solid #909090;}
		}
		span{ position: relative; flex:1; -webkit-flex:1; margin: 0.5rem; color: #333; text-align: center; padding-right: 0.5rem;
			&+:before{ content: ''; position: absolute; top: 0.2rem; left: -0.5rem; width: 0; height: 1rem; /* border-left: 1px solid #909090; */}
			&:after{ content: ''; position: absolute; top: 30%; margin-left: 0.2rem; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;}
			&.on{ color: @mainColor;
				&:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;}
			}
		}
		.unread{ position: relative;
			&:before{ position: absolute; top: 0; left: 50%; content: ''; display: block; transform: translateX(2.2rem); -webkit-transform: translateX(2.2rem); border-radius: 50%; width: 0.3rem; height: 0.3rem; background-color: #ff0000;}
		}
	}
	.filterTabBox{ position: relative;
		.filterTabs{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5; background-color: #fff; font-size: 0.7rem;
			li{ flex:1; -webkit-flex:1; width: 20%; text-align: center; line-height: 2.5;
				span{ position: relative; display: inline-block;}
			}
			.on{
				span{ /* color: @redColor; */ border-bottom: 2px solid @redColor;}
			}
			.filterBtn{ color: #929292; background-color: #eee;
				&:before{ content: ''; display: inline-block; width: 0.8rem; height: 0.8rem; background: url(../images/icon/classifyIcon.png) no-repeat; background-size: cover; margin-right: 0.2rem; vertical-align: -3px;}
			}
			.unread{ position: relative;
				&:before{ position: absolute; top: 20%; left: 50%; content: ''; display: block; transform: translateX(0.8rem); -webkit-transform: translateX(0.8rem); border-radius: 50%; width: 0.3rem; height: 0.3rem; background-color: @redColor;}
			}
			.navNum{ position: absolute; top: 10%; left: 105%; content: ''; /* display: block;  */ border-radius: 16px; background-color: @redColor; min-width: 16px; height: 16px; line-height: 17px; text-align: center; color: #fff; font-style: normal; font-size: 10px; padding: 0 3px; box-sizing: border-box;}
		}
		.filterList{ position: absolute; width: 100%; background-color: #fff; font-size: 0.7rem; z-index: 2;
			li{ padding: 0.5rem; line-height: 1.5; border-bottom: 1px solid #ccc;
				&.on{ color: @mainColor;}
			}
		}
	}
}

.jadeNavBox{
	.nav{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start;transition: height 2s; -webkit-transition: height 2s;}
	.navIcon{/*  margin: 0 auto;  */ text-align: center; line-height: 1.8; color: #606060; width: 25%;
		/* &:before{ display: block; content: ''; margin: auto; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 14rem auto;} */
		.navImg{ display: block; margin: auto; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 3rem; height: 3rem;}
	}
}

.brandBox{
	.brandList{ border: 1px solid #ccc;
		.brandItem{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 0.5rem;
			.photo{ display: block; width: 2.2rem; height: 2.2rem; overflow: hidden;}
			.info{ flex: 1; -webkit-flex: 1;}
			.enterBtn{ align-self: flex-start; font-size: 0.5rem; border: 1px solid @mainColor; padding: 0.1rem 0.2rem; color: @mainColor; border-radius: 0.5rem;}
		}
		.brandPhoto{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;
			.photoItem{ width: 32%; text-align: center; overflow: hidden;}
		}
	}
}
.recommendGoodSwiper{ background-color: #fff;
	.infoTip{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5;
		.text{ color: #333; line-height: 1.5;}
		.link{  position: relative; padding-right: 1rem; color: #929292;line-height: 1.8;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
	}
	.infoTab{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-around; -webkit-justify-content: space-around; line-height: 1.5; background-color: #fff; font-size: 0.65rem;
		li{ line-height: 2.5;}
		.on{ color: @mainColor; border-bottom: 2px solid @mainColor;}
	}
	.goodLists{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; padding: 2.4% 2.4% 5.3%; box-sizing: border-box;
 		.goodList{ margin: 0 2.4% 2.4% 0; width: 47.6%;
			.goodImg{ display: block; width: 100%; overflow: hidden; text-align: center;}
			.goodText{ color: #333; letter-spacing: 2px; width: 100%; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
			.businessInfo{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0.5rem 0;
				img{ width: 1.4rem; height: 1.4rem; border-radius: 50%; margin-right: 0.5rem;}
			}
			.showGoods{ padding: 0.1rem 0.4rem; color: #fff; border-radius: 0.5rem; background-color: #cf2d34; }
			&:nth-of-type(2n){
				margin-right: 0;
			}
		}
	}
	.pagination .swiper-pagination-bullet{ background-color: #ccc; 
		&.swiper-pagination-bullet-active{ background-color: @mainColor; }
	}
}

/* 商城 */
.mall{ 
	.tabs{ background-color: #38373c; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around;
		a{ position: relative; flex:1; -webkit-flex:1; padding: 0.5rem; color: #fff; text-align: center; line-height: 1.2;
			/* &+:before{ content: ''; position: absolute; top: 0.5rem; left: 0; width: 0; height: 1rem; border-left: 1px solid #909090;} */
			/* &:after{ content: ''; position: absolute; top: 30%; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
			&.on{ color: @mainColor; border-bottom: 2.5px solid @mainColor;
				/* &:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
			}
		}

	}
	.searchBox{
		.searchBar{ position: relative; padding: 0.4rem 0; background-color: #f0f0f0;
			.searchText{ display: block; width: 80%; font-size: 0.65rem; margin: 0 auto; padding: 0.4rem 0.5rem; text-align: center; border-radius: 1rem; outline: none; border: none; background-color: #fff;}
			.searchIcon{ position: absolute; top: 50%; left: 50%; z-index: 21; display: block; padding: 0.2rem; width: 1.02rem; height: 1.02rem; background: url(../images/search.png) no-repeat; background-size: 60%; background-position: 50%; transform: translate(-2rem,-50%);}
			
		}
		.searchCancel{ display: none; position: absolute; top: 0; right: 2.4%; z-index: 21; font-size: 0.85rem; color: #666; line-height: 2.3rem;}
		&.active{
			.searchText{ display: block; width: 70%; font-size: 0.65rem; margin-left: 0.5rem; padding: 0.4rem 0.5rem 0.4rem 1.8rem; text-align: left; border-radius: 1rem; outline: none; border: none; background-color: #fff;}
			.searchIcon{ position: absolute; top: 50%; left: 1rem; z-index: 21; display: block; padding: 0.2rem; width: 1.02rem; height: 1.02rem; background: url(../images/search.png) no-repeat; background-size: 60%; background-position: 50%; transform: translateY(-50%);}
			.searchCancel{ display: block;}
		}
	}
}

.liveDetail{
	.tabs{ background-color: #fff; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around;
		span{ position: relative; flex:1; -webkit-flex:1; margin: 0.5rem 0; padding: 0 0.2rem; color: #606060; text-align: center; border: none;
			&+span{ border-left: 1px solid #909090;}
		}
		.tabIcon{ width: 1.2rem;margin-right: 0.5rem;display: inline-block;vertical-align: text-top;}
	}	
}

.businessDetail{ 
	.tabs{ background-color: #fff; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around;
		a{ position: relative; flex:1; -webkit-flex:1; padding: 0.5rem; color: #333; text-align: center; line-height: 1.2;
			/* &+:before{ content: ''; position: absolute; top: 0.5rem; left: 0; width: 0; height: 1rem; border-left: 1px solid #909090;} */
			/* &:after{ content: ''; position: absolute; top: 30%; width: 0; height: 0; border-top: 6px solid #909090; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
			&.on{ color: @mainColor; border-bottom: 2.5px solid @mainColor;
				/* &:after{ border-top: 6px solid @mainColor; border-left: 6px solid transparent; border-right: 6px solid transparent;} */
			}
		}

	}
	.businessTop{ position: relative;
		.businessInfo{ position: absolute; top: 50%; left: 0; width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0.5rem;  color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box;
			.photo{ display: block; text-align: center; width: 2.5rem; border-radius: 50%; overflow: hidden; }
			.uesrText{ flex:auto; -webkit-flex:auto; padding-left: 0.53rem;}
			.likeBox{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;
				.like{ position: relative; margin-left: 0.5rem; padding: 0.3rem 0.4rem 0.3rem 1.2rem; background-color: #fe7f21; border-radius: 1rem; 
					&:before{ display: block; position: absolute; content: ''; top: 50%; left: 0.3rem; width: 0.7rem; height: 0.7rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(../images/icon/likeIcon.png) no-repeat; background-size: cover;}
					&.on{ padding-left: 0.4rem; background-color: #fff; color: #fe7f21; 
						&:before{ display: none;}
					}
				}
			}
		}
		.businessBg{display: block; width: 100%; overflow: hidden;}
	}
}

.creditGuarantyBox{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem; background-color: #fff;
	.arrow{ position: relative; padding-right: 1rem; text-align: right; color: #929292;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
}
.depositBox{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem; background-color: #cf2d34; color: #fff;
	.arrow{ position: relative; padding-right: 1rem; text-align: right;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
}

.vipCardBox{ position: relative;
	.vipCard{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; 
		.cardName{ width: 67%; padding-left: 1.15rem; box-sizing: border-box;}
		.cardDeadLine{ width: 32%; text-align: center; color: #fff;
			.getBtn{ display: inline-block; margin-bottom: 0.5rem; border-radius: 0.5rem; padding: 0.2rem 0.4rem; background-color: #fff; color: @mainColor;
				&.done{ background-color: #eee; color: #929292;}
			}
		}
	}
	.check{ position: absolute; right: 0; top: 0; display: block; width: 1.02rem; height: 1.02rem; background: url(../images/check.png) no-repeat; background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
		&.checkOn{ background-position: 0 0;}
	}
}

.businessFooter{ position: fixed; bottom: 0; left: 0; z-index: 20; width: 100%; height: 2.4rem; line-height: 2.4rem; font-size: 0.7rem; background-color: #fff; border-top: 1px solid #ccc;
	.aboutUs,.businessNav{ display: block; width: 33%; text-align: center; height: 2.4rem; line-height: 2.4rem; font-size: 0.85rem; background-color: #fff; color: #333; border-right: 1px solid #ccc;}
	.onlineService{ display: block; width: 33.3%; text-align: center; height: 2.4rem; line-height: 2.4rem; font-size: 0.85rem;  background-color: #fbb552; color: #fff;}
	.addCart{ display: block; width: 33.3%; text-align: center; height: 2.4rem; line-height: 2.4rem; font-size: 0.85rem;  background-color: #ff6060; color: #fff;
		&.noCoins{ background-color: #b6b6b6;}
	}
}

.goodFooter{ position: fixed; bottom: 0; left: 0; z-index: 20; width: 100%; height: 2.4rem; line-height: 2.4rem; font-size: 0.7rem; background-color: #fff;
	.coins{ display: block; margin-left: 2.4%; height: 2.4rem; line-height: 2.4rem; color: #b6b6b6;
		em{ font-weight: bold; color: #ffeb3b;}
	}
	.inventory{ margin-left: 2.4%;}
	.change,.addCart{ display: block; width: 33.3%; text-align: center; height: 2.4rem; line-height: 2.4rem; font-size: 0.85rem; color: #fff;
		&.noCoins{ background-color: #b6b6b6;}
	}
	.change{ background-color: #ffae00;}
	.addCart{ background-color: @mainColor;}
	.lowstock{ display: block; width: 30%; text-align: center; height: 2.4rem; line-height: 2.4rem; font-size: 0.85rem; color: #fff; background-color: #b6b6b6;}
}


/* 商品弹窗 */
.choseGoods{ background-color: #fff; display: none;
	.pop_text{ text-align: left; margin: 0; padding: 0.5rem; font-size: 0.75rem; color: @mainColor; border-bottom: 1px solid #ccc;}
	.pop_desc{ display: block; font-size: 0.6rem;}
	.pop_button{ display: flex; display: -webkit-flex; font-size: 0.7rem;
		.pop_btn{ flex: 1; -webkit-flex: 1; padding: 2.5% 0; color: #fff; background-color: @mainColor; cursor: pointer; 
			&:first-child{ border-right: 1px solid #ccc; color: #333; background-color: #ccc;}
		}
	}
	.goodList{
		.subGoodList.lastFloor{ padding-left: 0.5rem; border-bottom: 1px solid #ccc; overflow: hidden; background-color: #eee;
			.goodItem{ float: left; border-bottom: none;}
		}
		.goodItem{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem; border-bottom: 1px solid #ccc;
			.itemImg{ margin-right: 0.5rem; display: block; width: 1.5rem; height: 1.5rem;}
			.itemText{ margin-right: 0.5rem; flex: 1; -webkit-flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
			.check{ display: block; width: 1rem; height: 1rem; background: url(../images/check.png) no-repeat; background-size: 2rem 1rem; background-position: -1rem 0;
				&.checkOn{ background-position: 0 0;}
			}
			.unread{ width: 0.5rem; height: 0.5rem; background-color: #ff0000; border-radius: 50%;}
		}
	}
	.close{ position: absolute; right: 2%; top: 1%; width: 0.8rem; height: 0.8rem; background: url(../images/closeImg.png); background-size: cover; cursor: pointer;}
	.pop_button.oneBtn{
		.pop_btn{ margin-left: 0; color: #fff; background-color: @mainColor;}
	}
}

.filterClassifyBox{ display: none; position: fixed; top: 0; right: 0; bottom: 0; width: 90%; background-color: #fff; z-index: 22;
	.backBtn{ position: relative; display: block; padding: 0.5rem 1.5rem; border-bottom: 1px solid #ccc;
		&:before{ content: ''; position: absolute; left: 0.5rem; top: 46%; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-left: 1px solid #929292; transform: rotate(-45deg) translateX(50%); -webkit-transform: rotate(-45deg) translateX(50%);}
	}
	.goodList{
		.subGoodList{ /* padding-left: 0.5rem; border-bottom: 1px solid #ccc; */
			.goodItem{ /* border-bottom: none; */ padding-left: 1rem;}
		}
		.goodItem{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem; border-bottom: 1px solid #ccc;
			.itemImg{ margin-right: 0.5rem; display: block; width: 1.5rem; height: 1.5rem;}
			.itemText{ margin-right: 0.5rem; flex: 1; -webkit-flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
			.check{ display: block; width: 1rem; height: 1rem; background: url(../images/check.png) no-repeat; background-size: 2rem 1rem; background-position: -1rem 0;
				&.checkOn{ background-position: 0 0;}
			}
			.unread{ width: 0.5rem; height: 0.5rem; background-color: #ff0000; border-radius: 50%;}
		}
	}
}

/* 可见选择弹窗 */
.choseVisible{ background-color: #fff; display: none;
	.pop_text{ text-align: left; margin: 0; padding: 0.5rem; font-size: 0.75rem; color: @mainColor; border-bottom: 1px solid #ccc;}
	.pop_desc{ display: block; font-size: 0.6rem;}
	.pop_button{ display: flex; display: -webkit-flex; font-size: 0.7rem;
		.pop_btn{ flex: 1; -webkit-flex: 1; padding: 2.5% 0; color: #fff; background-color: @mainColor; cursor: pointer; 
			&:first-child{ border-right: 1px solid #ccc; color: #333; background-color: #ccc;}
		}
	}
	.goodList{
		.friendsList{ /* padding-left: 0.5rem; border-bottom: 1px solid #ccc; */
			.friendsItem{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem 1.5rem 0.5rem 1rem; border-bottom: 1px solid #ccc; background-color: #ebebeb;
				.itemImg{ margin-right: 0.5rem; display: block; width: 1.5rem; height: 1.5rem; border-radius: 50%; overflow: hidden;}
				.itemText{ margin-right: 0.5rem; flex: 1; -webkit-flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
				.check{ display: block; width: 1rem; height: 1rem; background: url(../images/check.png) no-repeat; background-size: 2rem 1rem; background-position: -1rem 0;
					&.checkOn{ background-position: 0 0;}
				}
			}
		}
		.goodItem{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding: 0.5rem; border-bottom: 1px solid #ccc;
			.itemImg{ margin-right: 0.5rem; display: block; width: 1.5rem; height: 1.5rem;}
			.itemText{ margin-right: 0.5rem; flex: 1; -webkit-flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
			.check{ display: block; width: 1rem; height: 1rem; background: url(../images/check_circle.png) no-repeat; background-size: 2rem 1rem; background-position: 0 0;
				&.checkOn{ background-position: -1rem 0;}
			}
			.unread{ width: 0.5rem; height: 0.5rem; background-color: #ff0000; border-radius: 50%;}
		}
		.friendsSearch{ position: fixed; right: 0.5rem; top: 30%; transform: translateY(2.3rem); -webkit-transform: translateY(2.3rem); color: #929292; 
			div{ display: block; margin: 4px 0; color: #929292;}
		}
	}
	.close{ position: absolute; right: 2%; top: 1%; width: 0.8rem; height: 0.8rem; background: url(../images/closeImg.png); background-size: cover; cursor: pointer;}
	.pop_button.oneBtn{
		.pop_btn{ margin-left: 0;}
	}
}

/* 商品关键字 */
.goodKeyWordBox{ overflow: hidden; margin-bottom: -0.5rem;
	.goodKeyWord{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0.5rem 0.5rem 0; margin-right: -2.4%;
		li{ margin: 0 2.4% 2.4% 0; padding: 5px 10px; text-align: center; font-size: 0.6rem; width: 22.6%; background-color: #eee; color: #333; box-sizing: border-box;
			&.on{ background-color: @mainColor; color: #fff;}
		}
	}
	.dropDown{ display: block; margin: 0 auto 0.2rem; width: 0.5rem; height: 0.5rem; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(45deg); -webkit-transform: rotate(45deg);
		&.up{ transform-origin: center; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);
		}
  }
}

.searchList{ background-color: #fff;
	.searchItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; align-items: center; padding: 0.5rem 2.4%;
		.itemName{ color: #929292;}
		.itemValue{ max-width:68%; text-align: right; background: transparent; border: none; outline: none; color: #929292;
			&::-webkit-input-placeholder{ color: #929292;}
		}
		.clear{ display: none; background: url(../images/icon_clear.png) no-repeat; background-size: cover; width: 0.8rem; height: 0.8rem;
			&.hasValue{ display: block;}
		}
		&.arrow .itemValue{ padding-right: 1rem; border: none; width: 65%; text-align: right;}
		&.arrow:before{ content: ''; position: absolute; top: 48%; right: 2.4%; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		.areaValue{ width: 100%; resize: none; background: transparent; outline: none; color: #929292; border: 1px solid #ccc;
			&::-webkit-input-placeholder{ color: #929292;}
		}
		.itemSelect{ position: relative; background-color: transparent; border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 1rem; background: url("../images/icon/arrow.png") no-repeat scroll right center transparent; background-size: contain; color: #666;
			&.selected{ color: #e5e5e5;}
		}
		.check{ position: absolute; right: 2.4%; top: 50%; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/check.png) no-repeat; background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
			&.checkOn{ background-position: 0 0;}
		}
		&.searchItem:after{content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-top: 1px solid #ccc; color: #ccc; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
	}
}

/* 您可搜索 */
.searchTip{ margin: 20%; text-align: center; color: #929292;
	.searchClassify{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; align-items: center;
		span{ flex: 1; -webkit-flex: 1; margin-top: 1rem;
			&:last-child{ border-left: 1px solid #ccc; }
		}
	}
}

/* 活动列表 */
.activityBox{
	.activityList{
		.activityItem{ background-color: #fff; 
			.activityImg{ position: relative; display: block; width: 100%; overflow: hidden; text-align: center;
				.activityTip{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.2rem 0; color: #fff;
					&.notStarted{ background-color: rgba(207,45,52,0.8);}
					&.starting{ background-color: rgba(255,153,7,0.8);}
					&.complete{ background-color: #929292;}
				}
			}
			.activityText{ padding-bottom: .2rem; letter-spacing: 2px; width: 100%;line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/
			}
		}
	}
}

/* 活动详情 */
.activityDetail{ padding-bottom: 4rem;
	.activityTitle{ display: block; 
		.notStarted{ padding: 0 0.4rem; color: #fff; background-color: rgba(207,45,52,1);}
		.starting{ padding: 0 0.4rem; color: #fff; background-color: rgba(255,153,7,1);}
		.complete{ padding: 0 0.4rem; color: #fff; background-color: #929292;}
	}
	.activityTip{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; padding-top: 2.4%; line-height: 1.5; font-size: 0.65rem; color: #929292;}
	.activityBanner{
		.activityImg{ display: block; width: 100%; overflow: hidden; text-align: center;}
	}
}

/* 筛选 */
.filterBox{ display: none; position: fixed; top: 0; right: 0; bottom: 0; width: 90%; background-color: #fff; z-index: 22;
	.fillList{
		.fillItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; line-height: 1.5; padding: 0.5rem 1rem; border-bottom: 1px solid #ccc;
			&.arrow{ padding-right: 1.2rem;
				&:before{ content: ''; position: absolute; top: 48%; right: 0.5rem; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
			}
		}
	}
	.filterClassify{ display: flex; display: -webkit-flex; height: calc(~"100% - 8.2rem");
		&+.filterClassify{ padding-top: 0;}
	}
	.filterParent{ height: 100%; overflow-y: scroll; width: 3.75rem; border-right: 1px solid #ccc;
		.filterItem{ text-align: center; line-height: 3.3; background-color: #fff; border-bottom: 1px solid #ccc;
			&.on{ background-color: @mainColor; color: #fff;}
		}
	}
	.filterList{ height: 100%; overflow-y: scroll; padding-top: 0.8rem; padding-left: 0.5rem; flex: 1; -webkit-flex: 1; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: baseline; -webkit-align-items: baseline; align-content: flex-start; -webkit-align-content: flex-start; box-sizing: border-box;
		.filterItem{ margin: 0 8% 0.5rem 0; width: 25%; text-align: center; line-height: 2; background-color: #eeeeee;
			&.on{ background-color: @mainColor; color: #fff;}
		}
	}
	.filterBtnBox{ position: absolute; bottom: 0; width: 100%; text-align: center; display: flex; display: -webkit-flex; font-size: 0.7rem; border-top: 1px solid #ccc;
		.filterBtn{ flex: 1; -webkit-flex: 1; padding: 0.5rem 0; color: #fff; background-color: @mainColor; cursor: pointer; 
			&:first-child{ border-right: 1px solid #ccc; color: #333; background-color: #fff;}
		}
	}
}

/* 分类页 */
.classifyPage{ position: fixed; top: 0; right: 0; bottom: 0; width: 100%; background-color: #fff;
	.filterClassify{ display: flex; display: -webkit-flex; height: 100%;
		&+.filterClassify{ padding-top: 0;}
	}
	.filterParent{ height: calc(~"100%"); overflow-y: scroll; width: 3.75rem; border-right: 1px solid #ccc;
		.filterItem{ text-align: center; line-height: 3.3; background-color: #fff; border-bottom: 1px solid #ccc;
			&.on{ background-color: @mainColor; color: #fff;}
		}
	}
	.classifyList{ height: calc(~"100%"); overflow-y: scroll; padding-top: 0.8rem; padding-left: 0.8rem; flex: 1; -webkit-flex: 1; box-sizing: border-box;
		.classifyName{ display: block; padding-bottom: 0.5rem; color: @mainColor; }
	}
	.filterList{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items:  flex-start; -webkit-align-items:  flex-start; align-content: flex-start; -webkit-align-content: flex-start;
		.filterItem{ margin: 0 8% 0.5rem 0; width: 25%; text-align: center; line-height: 2;
			.photo{ display: block; text-align: center; overflow: hidden; width: 100%; }
		}
	}
	.filterBtnBox{ position: absolute; bottom: 0; width: 100%; text-align: center; display: flex; display: -webkit-flex; font-size: 0.7rem; border-top: 1px solid #ccc;
		.filterBtn{ flex: 1; -webkit-flex: 1; padding: 0.5rem 0; color: #fff; background-color: @mainColor; cursor: pointer; 
			&:first-child{ border-right: 1px solid #ccc; color: #333; background-color: #fff;}
		}
	}
}

/* 玉石分类筛选 */
.classifyFilterBox{ 
	.classifyList{ background-color: #fff;
		.subClassifyItem{ position: relative; padding-left: 1rem;
			.classifyItem:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: -1rem;}
		}
		.classifyItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; align-items: center; padding: 0.5rem 2.4%;
			.itemName{ flex: 1; -webkit-flex: 1; color: #333;}
			.itemValue{ max-width:68%; text-align: right; background: transparent; border: none; outline: none; color: #929292;
				&::-webkit-input-placeholder{ color: #929292;}
			}
			.clear{ display: none; background: url(../images/icon_clear.png) no-repeat; background-size: cover; width: 0.8rem; height: 0.8rem;
				&.hasValue{ display: block;}
			}
			&.arrow .itemValue{ padding-right: 1rem; border: none; width: 65%; text-align: right;}
			&.arrow:before{ content: ''; position: absolute; top: 48%; right: 2.4%; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
			.areaValue{ width: 100%; line-height: 1.5; resize: none; background: transparent; outline: none; color: #929292; border: 1px solid #ccc;
				&::-webkit-input-placeholder{ color: #929292;}
			}
			.itemSelect{ position: relative; background-color: transparent; border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 1rem; background: url("../images/icon/arrow.png") no-repeat scroll right center transparent; background-size: contain; color: #666;
				&.selected{ color: #e5e5e5;}
			}
			.addBtn{ padding-left: 1.2rem; padding-right: 0.4rem; position: relative; font-size: 0.6rem; color: #929292;
				&:after{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; content: ''; width: 1rem; height: 1rem; background: url(../images/icon/addSubIcon.png) no-repeat; background-size: cover; }
			}
			.editBtn{ padding-left: 1.2rem; padding-right: 1.6rem; position: relative; font-size: 0.6rem; color: #929292;
				&:after{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; content: ''; width: 1rem; height: 1rem; background: url(../images/icon/editIcon.png) no-repeat; background-size: cover; }
			}
			.check{ position: absolute; right: 2.4%; top: 50%; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/check.png) no-repeat; background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
				&.checkOn{ background-position: 0 0;}
			}
			.up{ position: absolute; right: 2.4%; top: 50%; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/updown.png); background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
			}
			.down{ position: absolute; right: 2.4%; top: 50%; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/updown.png); background-size: 2.04rem 1.02rem; background-position: 0 0;}
			&:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);/*  left: 2.4%; */}
		}
	}
	.regBtn{ position: relative; display: block; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; background-color: @mainColor; color: #fff; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden;
		&:active{ background-color: #c8af6d;}
	}
}

/* 出价记录 */
.bidRecordBox{ background-color: #fff;
	.pjTop{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; line-height: 1.5; padding: 0.5rem;
		.arrow{ position: relative; padding-right: 1rem; text-align: right; color: #929292;
			&:after{ content: ''; position: absolute; top: 45%; right: 0; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
	}
	.pjItem{ display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; line-height: 1.5; border-top: 1px solid #ccc;
	}
	.photo{ display: block; margin-right: 0.5rem; width: 1.5rem; text-align: center; overflow: hidden; border-radius: 50%;}
	.userBox{ flex: 1; -webkit-flex: 1; 
		.name{ width: 60%; font-size: 0.7rem;}
		.like{ margin-top: 1.25%; width: 33%;
			i{ display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../images/goodDetail.png); background-position: -8.4rem 0;
				&.on{ background-position: -8.4rem -4.8rem;}
			}
		}
	}
} 

/* 竞拍底部 */
.bidFooter{ position: fixed; bottom: 0; left: 0; z-index: 20; width: 100%; height: 2.4rem; line-height: 2.4rem; font-size: 0.7rem; background-color: #fff; border-top: 1px solid #ccc;
	.countDown{ position: absolute; left: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); width: 100%; text-align: center; background-color: rgba(0,0,0,0.5); height: 1.5rem; line-height: 1.5rem; color: #fff;
		.num{ display: inline-block; height: 1rem; line-height: 1rem; min-width: 1rem; text-align: center; background-color: #cf2d34; font-style : normal; border-radius: 0.2rem; margin: 0 0.2rem;}
	}
	.onlineService{ display: block; width: 66.6%; text-align: center; height: 2.4rem; line-height: 2.4rem; font-size: 0.85rem;  background-color: #fff; color: #fff;
		.addSubt{ display: inline-block; margin: 0.3rem 0.5rem; font-size: 0.8rem; border: 1px solid #acacac; overflow: hidden; white-space: nowrap;}
		.operate{ float: left; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; color: #727272;
			&.disable{ background-color: #ccc;}
		}
		.much{ float: left; width: calc(~"100% - 3rem - 2px"); height: 1.5rem; line-height: 1.5rem; padding: 0; text-align: center; outline: none; border: none; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-radius: 0;}
	}
	.bidBtn{ display: block; width: 33.3%; text-align: center; height: 2.4rem; line-height: 2.4rem; font-size: 0.85rem;  background-color: #ff0000; color: #fff;}
	&.wait{ height: auto;
		.countDown{ transform: translateY(0); -webkit-transform: translateY(0); bottom: 0; height: auto;}
	}
}

/* 信用担保底部 */
.creditGuarantyFooter{ position: fixed; bottom: 0; left: 0; z-index: 20; width: 100%; height: 2.4rem; line-height: 2.4rem; font-size: 0.7rem; background-color: #fff; border-top: 1px solid #ccc;
	.onlineService{ display: block; width: 50%; text-align: left; padding: 0 0.5rem; font-size: 0.7rem;  background-color: #fff; line-height: 1.2rem; box-sizing: border-box;
	}
	.bidBtn{ display: block; width: 50%; text-align: center; height: 2.4rem; line-height: 2.4rem; font-size: 0.85rem;  background-color: #ff9908; color: #fff;}
}

/* 配送方式设置 */
.deliveryWayBox{ position: fixed; top: 50%;  left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 23; display: none; width: 80%; font-size: 0.65rem; text-align: center; color: #606060; background-color: #fff;
	.pop_text{ text-align: left; margin: 0; padding: 0.5rem; font-size: 0.75rem; color: @mainColor; border-bottom: 1px solid #ccc;}
	.pop_desc{ display: block; font-size: 0.6rem;}
	.pop_button{ display: flex; display: -webkit-flex; font-size: 0.7rem;
		.pop_btn{ flex: 1; -webkit-flex: 1; padding: 2.5% 0; color: #fff; background-color: @mainColor; cursor: pointer; 
			&:first-child{ border-right: 1px solid #ccc; color: #333; background-color: #ccc;}
		}
	}
	img{ margin: auto; width: 50%;}
	.close{ position: absolute; right: 2%; top: 1%; width: 0.8rem; height: 0.8rem; background: url(../images/closeImg.png); background-size: cover; cursor: pointer;}
	.pop_button.oneBtn{
		.pop_btn{ color: #fff; background-color: @mainColor;}
	}
	.fillInput{ padding: 2%; width: 95%; height: 1rem; line-height: 1rem; border: 1px solid #ccc; border-radius: 5px; outline: none;}
	.itemSelect{ padding: 2%; width: 100%; height: 1.65rem; border: 1px solid #ccc; border-radius: 5px; outline: none;}
	.textArea{ margin: 2.4%; padding: 2%; margin-bottom: 3.75%; width: 95%; height: 5rem; border: 1px solid #ccc; outline: none; resize: none; box-sizing: border-box;}
	.fillInputBox{ position: relative;
		.fillInput{ padding-right: 10%; width: 87%;}
    	.searchBar{ position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1rem; height: 1rem;}
	}
}


/* 商品管理、 轮播管理*/
.carouselManageBox,.goodManageBox{
	.infoTab{ display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-around; -webkit-justify-content: space-around; line-height: 1.5; background-color: #fff; font-size: 0.65rem;
		li{ line-height: 2.5;}
		.on{ color: @mainColor; border-bottom: 2px solid @mainColor;}
	}
	.infoList{
		.infoItem{ display: flex; display: -webkit-flex; background-color: #fff; line-height: 1.5;
			.infoImg{ width: 5rem; overflow: hidden; border: 1px solid #ccc;}
			.infoText{ flex: 1; -webkit-flex: 1; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between;
				.title{ line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
				/* autoprefixer: off*/
				 -webkit-box-orient: vertical;
				 /* autoprefixer: on*/}
			}
			.check{ display: block; width: 1.02rem; height: 1.02rem; background: url(../images/check.png) no-repeat; background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
				&.checkOn{ background-position: 0 0;}
			}
		}
	}
}

/* 聊天底部 */
.chatFooter{ position: fixed; bottom: 0; left: 0; z-index: 20; width: 100%; height: 2.4rem; line-height: 2.4rem; font-size: 0.7rem; background-color: #fff; border-top: 1px solid #ccc; display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center;
	.upImg{ display: block; margin-left: 0.5rem; width: 1.25rem; height: 1rem; background: url(../images/icon/upImgIcon.png) no-repeat; background-size: cover; overflow: hidden;
		input[type='file']{ font-size: 2rem; opacity: 0;}
	}
	.chatBar{ display: block; margin-left: 0.5rem; width: 1.5rem; height: 1.5rem; background: url(../images/icon/buyIcon.png) no-repeat; background-size: cover; overflow: hidden;
	}
	/* .chatBar{ display: block; margin-left: 0.5rem; width: 1rem; height: 1rem; background: url(../images/icon/upDown.png) no-repeat; background-size: 2rem auto; overflow: hidden;
	 	&.up{ background-position: -1rem 0;}
	 } */ 
	.textarea{ display: block; flex: 1; -webkit-flex: 1; font-size: 0.7rem; background-color: #eaeaea; color: #333; margin: 0.5rem; border-radius: 0.5rem; padding: 0.2rem 0.5rem; border: none; outline: none; resize: none;}
	.addCart{ display: block; width: 4rem; text-align: center; line-height: 1.25rem; font-size: 0.7rem; background-color: @mainColor; color: #fff; margin: 0.5rem 0.5rem 0.5rem 0; border-radius: 0.5rem;}
}

/* 我的留言 */
.myMessage{ background-color: #fff;
	.pjItem{ display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; line-height: 1.5; border-top: 1px solid #ccc;
	}
	.photoBox{ position: relative;
		.unread{ position: absolute; top: -0.1rem; right: 0.3rem; width: 0.5rem; height: 0.5rem; background-color: #ff0000; border-radius: 50%;}
	}
	.photo{ display: block; margin-right: 0.5rem; width: 1.5rem; text-align: center; overflow: hidden; border-radius: 50%;
	}
	.userBox{ flex: 1; -webkit-flex: 1; 
		.name{ width: 60%; font-size: 0.7rem;}
		.like{ margin-top: 1.25%; width: 33%;
			i{ display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../images/goodDetail.png); background-position: -8.4rem 0;
				&.on{ background-position: -8.4rem -4.8rem;}
			}
		}
	}
	.setFriendship{ font-size: 0.5rem; padding: 0.1rem 0.2rem; border-radius: 0.5rem; color: @mainColor; border: 1px solid @mainColor;}
}

/* 快速查询 */
.quickSearch{ position: fixed; right: 0.5rem; top: 20%; transform: translateY(2.3rem); -webkit-transform: translateY(2.3rem); color: #929292; 
	a{ display: block; color: #929292;}
}

/* 留言详情 */
.wordDetail{ background-color: #fff; min-height: 100vh;
	.self{ text-align: right;
		.userBox{flex-direction: row-reverse;
			.photo{ margin-left: 0.5rem; margin-right: 0;}
			.name{ text-align: right; }
		}
	}
	.userBox{ display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; line-height: 1.5;
		.photo{ margin-right: 0.5rem; width: 1.5rem; text-align: center; overflow: hidden; border-radius: 50%;}
		.name{ flex: 1; -webkit-flex: 1; font-size: 0.7rem;}
	}
	
	.content{ margin: 0.5rem 2rem; display: inline-block; background-color: #eeeeee; padding: 0.5rem; border-radius: 0.5rem; color: #929292; line-height: 1.2; text-align: left;
		img{ max-width: 100%; }
	}
}

/* 订单确认 */
.orderConfirm{
	.infoTip{  display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5; padding: 0.5rem 2.4%;
	}
	.fillList{ position: relative; display: block; background-color: #fff; padding: 0.5rem 2.4%;
		.fillItem{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-align-items: center; align-items: center; line-height: 1.5;
			.itemName{ width: 4rem; color: #606060;}
			.itemValue{ flex: 1; -webkit-flex: 1; color: #929292;
				input{ width: 100%; background: transparent; border: none; outline: none; color: #929292; text-align: right;}
			}
			/* &:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 2.4%;} */
		}
		&.arrow{ padding-right: 4.8%;
			&:before{ content: ''; position: absolute; top: 48%; right: 2.4%; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
		}
	}
}

/* 订单支付成功 */
.orderSuccessBox{ padding-top: 4.25rem;
	.succImg{ width: 2.56rem; padding: 1rem 0;}
	.succBtnBox{ display: flex; display: -webkit-flex;
		.succBtn{ margin: 0.5rem; flex: 1; -webkit-flex: 1; border: 1px solid @mainColor; background-color: @mainColor; color: #fff; font-size: 0.8rem; padding: 0.5rem; border-radius: 0.2rem; text-align: center;
			&+.succBtn{ margin-left: 0;}
			&.plain{ background-color: #fff; color: @mainColor;}

		}
		&.md{ width: 50%; margin: 0 auto; }
	}
}

/* 我的关注 */
.myCare{
	.businessInfoBox{ display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; line-height: 1.5;  font-size: 0.7rem;
		.photo{ display: block; margin-right: 0.5rem; width: 1.5rem; text-align: center; overflow: hidden; border-radius: 50%;}
		.businessInfo{ flex: 1; -webkit-flex: 1; }
		.cancelBtn{ display: block; padding: 0.1rem 0.4rem; border: 1px solid #cf2d34; color: #cf2d34; border-radius: 0.5rem; font-size: 0.5rem;}
	}
	
	.infoList{
		.infoItem{ display: flex; display: -webkit-flex; background-color: #fff; line-height: 1.5;
			.infoImg{ width: 20%; overflow: hidden; border: 1px solid #ccc;}
			.infoText{ flex: 1; -webkit-flex: 1; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between;
				.title{ line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
				/* autoprefixer: off*/
				 -webkit-box-orient: vertical;
				 /* autoprefixer: on*/}
			}
			.check{ display: block; width: 1.02rem; height: 1.02rem; background: url(../images/check.png) no-repeat; background-size: 2.04rem 1.02rem; background-position: -1.02rem 0;
				&.checkOn{ background-position: 0 0;}
			}
		}
	}
	.entryBtn{ display: block; padding: 0.2rem 0.4rem; border: 1px solid #ffae00; color: #ffae00; border-radius: 0.2rem; font-size: 0.7rem; text-align: center;}
}

/* 收货地址 */
.addrManageBox{
	.infoTip{  display: flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1.5; padding: 0.5rem 2.4%;
	}
	.addrManage{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 0.5rem; background-color: #fff;
		.checkAll{ position: relative; padding-left: 7.2%; font-size: 0.6rem;
			&:before{ position: absolute; left: 0; top: 50%; content: ''; display: block; margin-top: -0.51rem; width: 1.02rem; height: 1.02rem; background: url(../images/check_circle.png) no-repeat; background-size: 2.04rem 1.02rem;}
			&.checkOn{
				&:before{ background-position: -1.02rem 0;}
			}
		}
		.operaBtnBox{ display: flex; display: -webkit-flex;
			.operaBtn{ flex: 1; -webkit-flex: 1; color: #929292; font-size: 0.8rem;  border-radius: 0.2rem; text-align: center;
				&+.operaBtn{ margin-left: 0.5rem;}
				&.editIcon{ display:block; position: relative; padding-left: 1rem;
					&:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; width: 1rem; height: 1rem; background: url(../images/addrManage.png) no-repeat; background-position: 0 0; background-size: 2rem auto;}
				}
				&.delIcon{ display:block; position: relative; padding-left: 1rem;
					&:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; width: 1rem; height: 1rem; background: url(../images/addrManage.png) no-repeat; background-position: -1rem 0; background-size: 2rem auto;}
				}
			}
		}
	}
}


/* 支付方式 */
.payWay{
	.fillList{ background-color: #fff;
		.fillItem{ position: relative; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; align-items: center; padding: 0.7rem 2.4%;
			.itemName{ color: #333;}
			.itemValue{ max-width:68%; text-align: right; background: transparent; border: none; outline: none; color: #929292;
				&::-webkit-input-placeholder{ color: #929292;}
			}
			.outlineView{ margin-left: 0.5rem; color: @mainColor; border-bottom: 1px solid @mainColor;}
			.outlineIcon{ position: relative;  padding-left: 1.8rem; 
				 &:before{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; content: ''; width: 1.3rem; height: 1.3rem; background: url(../images/icon/outlineIcon.png) no-repeat; background-size: cover; vertical-align: middle; margin-right: 0.5rem;} 
			}
			.weixinIcon{ position: relative;  padding-left: 1.8rem; 
				 &:before{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; content: ''; width: 1.3rem; height: 1.3rem; background: url(../images/icon/weixinIcon.png) no-repeat; background-size: cover; vertical-align: middle; margin-right: 0.5rem;} 
			}
			.zhifubaoIcon{ position: relative;  padding-left: 1.8rem; 
				 &:before{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; content: ''; width: 1.3rem; height: 1.3rem; background: url(../images/icon/zhifubaoIcon.png) no-repeat; background-size: cover; vertical-align: middle; margin-right: 0.5rem;} 
			}
			&.arrow .itemValue{ padding-right: 1rem; border: none; width: 65%; text-align: right;}
			&.arrow:before{ content: ''; position: absolute; top: 48%; right: 2.4%; width: 0.5rem; height: 0.5rem; border-top: 1px solid #929292; border-right: 1px solid #929292; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%);}
			.areaValue{ width: 100%; line-height: 1.5; resize: none; background: transparent; outline: none; color: #929292; border: 1px solid #ccc;
				&::-webkit-input-placeholder{ color: #929292;}
			}
			.check_circle{ position: relative; padding-left: 7.2%; font-size: 0.6rem;
				&:before{ position: absolute; left: 0; top: 50%; content: ''; display: block; margin-top: -0.51rem; width: 1.2rem; height: 1.2rem; background: url(../images/check_circle.png) no-repeat; background-size: 2.4rem 1.2rem;}
				&.checkOn{
					&:before{ background-position: -1.2rem 0;}
				}
			}
			&+.fillItem:after{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);/*  left: 2.4%; */}
		}
	}
}

/* 支付方式弹窗 */
.payWayPop{ background-color: #fff; display: none;
	.goodList{
		.goodItem{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding-left: 0.5rem; padding-right: 0.5rem; line-height: 1.5;
			.itemImg{ margin-right: 0.5rem; display: block; width: 1.5rem; height: 1.5rem;}
			.itemName{ width: 5rem; text-align: left;}
			.itemText{ flex: 1; -webkit-flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/* autoprefixer: off*/ -webkit-box-orient: vertical; /* autoprefixer: on*/}
			.check{ display: block; width: 1rem; height: 1rem; background: url(../images/check.png) no-repeat; background-size: 2rem 1rem; background-position: -1rem 0;
				&.checkOn{ background-position: 0 0;}
			}
		}
	}
	.close{ position: absolute; right: 2%; top: 1%; width: 0.8rem; height: 0.8rem; background: url(../images/closeImg.png); background-size: cover; cursor: pointer;}
}

/* 分享 */
.shareBox{ display: none; position: fixed; z-index: 22; bottom: 0; width: 100%; background-color: #fff;
	.shareList{  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: flex-start; -webkit-justify-content:  flex-start; background-color: #e0e0e0;
		.shareItem{ width: 25%; text-align: center; padding: 0.5rem 0;
			.shareImg{ display: block; margin: 0 auto; width: 100%; width: 3.5rem; padding-bottom: 0.5rem;}
			.shareText{ display: block; }
		}
	}
	.cancelBtn{ display: block; text-align: center; padding: 0.5rem 0;}
}

//jquery-weui
.weui-photo-browser-modal .photo-container img {
    width: 100%;
}

.weui-photo-browser-modal .photo-container .closeBtn {
    position: absolute;
    top: 3rem;
    right: 0.5rem;
    z-index: 100;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    color: #fff;
    font-size: 0;
    background: url('../images/closeImg.png') no-repeat;
    background-size: cover;
}

/* 我的积分 */
.myPointsBox{ position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-direction:column; -webkit-flex-direction:column; justify-content: center; -webkit-justify-content: center; padding: 0.5rem; background-color: #fff; color: #333; height: 5rem; background: url(../images/myPointsBg.png) no-repeat; background-size: cover;
	.pointIcon{  position: relative; padding-left: 1rem; font-size: 1.4rem; color: #e9d3b2;
		&:after{ display: block; content: ''; width: 0.8rem; height: 0.8rem; position: absolute; left: 0; bottom: 0.2rem; background: url(../images/icon/pointIcon.png) no-repeat; background-size: cover;}
	}
}

/* 举报和拉黑 */
.userInfoBtn{ text-align: center; background-color: #f4f4f4; padding: 15px; box-sizing: border-box;
	.lhBtn{ position: relative; display: block; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; background-color: #cf2d34; color: #fff; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden;
		&.active{ background-color: #ccc;}
	}
	.jbBtn{ position: relative; display: block; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; background-color: #fff; border: 1px solid #cf2d34; color: #cf2d34; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden;
		&.active{ background-color: #ccc; border: none; color: #fff;}
	}
}

/* 上传图片 */
.cameraBox{ border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;
	.cameraList{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0 2.4% 2.4%;
		.cameraItem{ position: relative; width: 48%; background-color: rgba(0, 0, 0, 0.02); border: 1px solid #ccc; border-radius: 0.2rem; text-align: center; overflow: hidden;
			&+.cameraItem{ margin-left: 2.4%;}
			.cameraTip{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
			.uploadImg{ z-index: 1; font-size: 8rem; opacity: 0;}
		}
	}
}